Html 在angularjs中显示嵌套数组中的第一个图像

这是我的json。我只需要在imageview中显示第一个图像。我试着用

{{p.url}}

来获取图像。但这并不奏效

 [{

        "comment": "",
        "adoptId": null,
        "images": [
          {
            "id": 4,
            "name": "3_1.jpg",
            "url": "Content\\RacePictures\\YRMTH-2017-04-15-HT09.jpg"
          },
          {
            "id": 5,
            "name": "3_2.jpg",
            "url": "Content\\RacePictures\\YRMTH-2017-04-15-HT09.jpg"
          }
        ]

HTML

---

尝试此操作

只需删除ng repeat并通过索引访问图像数组

<div class="" ng-repeat="d in photos">
     <div class="col-md-6" > 
    <img ng-src="http://localhost:20513/{{d.images[0].url}}" />
 </div>

试试这个

，这一行显示了所有的图像。事实上，我们不需要这一行。更新了答案。：）@编码器没有问题，马坎

    var httpRequest = $http({
                method: 'GET',
                url: urls.api + 'Library/treeImages/Filter/' + images,
      }) .success(function (data, status) {
    $scope.photos = angular.fromJson(data);
                            }
)
}

<div class="" ng-repeat="d in photos">
   <div class="col-md-6" >
       <img ng-src="http://localhost:20513/{{d.images[0].url}}" />
   </div>
</div>

<div class="" ng-repeat="d in photos">
     <div class="col-md-6" > 
    <img ng-src="http://localhost:20513/{{d.images[0].url}}" />
 </div>