Javascript 从数组AngularJS获取图像

从服务器获取响应。了解如何显示所有数据，但不知道如何显示图像

"body": [
    {
      "id": 18,
      "student_id": 2,
      "content": [
        {
          "feedback_id": 18,
          "user_id": "127",
          "user_name": "zhangsi",
          "user_avatar": "http://hylaa-oss.oss-cn-shanghai.aliyuncs.com/avatar/hylaa_584915ecdb608.jpg",
          "message": "sdfdsfsd",
          "image_urls": [
            "http://hylaa-oss.oss-cn-shanghai.aliyuncs.com/icon/hylaa_583d2b9b8e280.jpeg",
            "http://hylaa-oss.oss-cn-shanghai.aliyuncs.com/icon/hylaa_583d2b9b8e280.jpeg",
            "http://hylaa-oss.oss-cn-shanghai.aliyuncs.com/icon/hylaa_583d2b9b8e280.jpeg",
            "http://hylaa-oss.oss-cn-shanghai.aliyuncs.com/icon/hylaa_583d2b9b8e280.jpeg"
          ],
          "time": "2016-12-08 14:41:19"
        }
      ],

    },

使用ng repeat获取HTML

<div class="feedback-container">
    <div ng-repeat="feedback in datasfeed | filter:keyword.classname | filter:{'course_id': showprofile}:true " >

        <div  ng-repeat="content in feedback.content" class="feedback-row gt-clear group group-content" >
        <div class="gt-left">
            <div class="ava-round-small"><img src="{{content.user_avatar}}"></div>
        </div>
        <div class="gt-left right-side-fcontent ">
            <div class="students-name"> {{content.user_name}}</div>
            <div class="text-feedback">{{content.message}}</div>
            <div  class="feedback-img">
                {{content.image_urls}}
                <img src="#" width="100" height="100">
            </div>

        </div>

        </div>
    </div>

</div>

不明白，我怎么能用这个链接显示图像。如何显示这些图像？

---

我需要如何使用url数组？

使用

ng src

：

<div  class="feedback-img" ng-repeat="image in body[0].content[0].image_urls">
    <img ng-src="{{image}}" width="100" height="100">
 </div>

---

演示：

我们可以使用src属性或ng src属性

src

<img src="{{content.image_urls}}" width="100" height="100">

<img ng-src="content.image_urls" width="100" height="100">

ng src

<img src="{{content.image_urls}}" width="100" height="100">

<img ng-src="content.image_urls" width="100" height="100">

---

按每一件独特的事物使用轨迹这就是问题所在尝试如下：-

    <div  class="feedback-img"ng-repeat="img in content.image_urls track by $index">
    <img ng-src="{{image}}" width="100" height="100">
 </div>

以下是一些示例， 当实体数组包含多个对象时

   <div ng-repeat="alldetails in body">
    <div ng-repeat="info in alldetails.content">
        <div ng-repeat="img in info.image_urls track by $index">
            <img ng-src="{{img}}" alt="Description" />
        </div>
    </div>
  </div>

---

工作代码链接：

您也可以在img标记中使用ng repeat，这是一个工作示例：

<img  ng-repeat="img in content" height="35" width="35" ng-src="{{img.image_urls}}" alt="">

---

使用

ng src

和

跟踪$index

（因为您有重复的URL）

{{content.user_name}
{{content.message}

get same这很好，添加ng repeat over image\u URL使其更清晰。-这个结果在HTMLAR中你能看到页面中的图像吗？得到相同的结果这与我的答案不同吗？当我这样做时，如果数组包含多个对象，它可能会用于清楚的解释。我对angularjs是新手