[angularjs]新手提个低级问题@@如何在html中显示数组？
发布于 9 年前 作者 ladigue 5816 次浏览 最后一次编辑是 8 年前 来自 问答

html页面代码如下 code.png 以上代码中user.content输出没有问题，可是user.attURL[0]输出了{“url”:“http://www.xxx.com/123.jpg”}，并不能被html识别并显示图片，attURL在mongodb数据库中字段类型为数组。使用user.attURL[0].url后就什么都不输出了。。。。 如何正确输出那？ attURL字段内容示例 ["{“url”:“1.jpg”}","{“url”:“2.jpg”}","{“url”:“3.jpg”}"] 先谢了！

14 回复

代码标签贴出来不管用，用图片吧。

建议你好好看看angularjs,

<img ng-src="{{user.attURL[0]}}">

@SoftwareDreamer 换成ng-src和使用user.attURL[0].url一样，就什么都不输出了。。。

目测是字符串，要转

@suinia 我也怀疑是这个问题，可是{{JSON.parse(topic.attUrl[0]).url}} 一样是不输出任何东西了。。。

@ladigue 我意思是user.attURL[0]是个字符串 ： ‘{“url”:“http://www.xxx.com/123.jpg”}’

@suinia 不是将 user.attURL[0] 转成json后取url值吗？

@ladigue 是啊，你还不如用浏览器看看接口返回的数据 更简单

@suinia

整个返回内容是

{ “id”: “5631fbacfb26458c1a48e465”, “user_id”: “562f773bfb26458c1a48e45f”, “content”: “这是一个测试内容”, “attUrl”: [ "{“url”:“http://xxxx/xxx"}", ”{“url”:"http://xxxx/xxx"}" ], “replydate”: “2015-10-29T10:57:48.228Z”, “createdate”: “2015-10-29T10:57:48.228Z” }

不管用什么方法就是取不到 http://…attUrl[0].url 不行，JSON.parse(xxx.attUrl[0]).url 还是不行。。。愁啊：（

user.attUrl[0]["url"]

@ladigue 那要看看你的url地址对不对。

<h4>去看看angualrjs基础教程 http://www.ionic.wang/course-index.html <h6> 2.第二讲 ionic项目简介以及Angularjs 基础-html5 框架+Crosswalk 打包 app以及angular基础介绍(1)

3.第二讲 ionic项目简介以及Angularjs 基础-angularjs 指令表达式 模块介绍(2)

4.第二讲 ionic以及Angularjs 基础-angularjs $http请求数据以及angularjs filter简介(3)

5.第三讲 Angularjs MVC 以及 $scope作用域 Angularjs模块的run方法 以及依赖注入中代码压缩问题

6.第四讲 Angularjs $scope里面的$apply方法 和 $watch方法

7.第五讲 Angularjs 工具方法 以及angularjs中使用jquery

8.第六讲 Angularjs 事件指令 input相关指令 和样式指令 DOM操作指令详解(1)

9.第六讲 Angularjs 事件指令 input相关指令 和样式指令 DOM操作指令详解(2)

10.第六讲 Angularjs include指令详解(3)11.第七讲 Angularjs filter过滤器以及自定义filter过滤器 详解

12.第八讲 Angularjs自定义服务 provide里provider方法 以及factory、service方法(1)

13.第八讲 Angularjs自定义服务 provide 供应商详解(2)

可以试试 React… 乱入… 搭配 CoffeeScript:

users.map (user, index) ->
  div key: index,
    img src: usr.attUser[0]
    p null, user.content

完了

回到顶部