如何在Angular JS ng-repeat中从数组中访问第一个值

Question

这是阵列

["236.jpg","239.jpg","294.jpg","748.jpg","157.jpg","446.jpg","871.jpg","778.jpg"]

我想访问

"236.jpg"

.我用来获取顶部数组的下面的代码.现在如何使用下面的代码获取第一个项目？

<tr ng-repeat="x in p">
    <td>
     {{ x.images }}
    </td>
</tr>

请帮我找出溶剂.

这里有更多完整的代码

{"info":[{"id":"11","name":"brown","description":"fasdfasd","size":"fasdf","color":"5a72fb","created_at":"2015-09-08 22:33:33","updated_at":"2015-09-08 22:33:33","images":"[\"236.jpg\",\"239.jpg\",\"294.jpg\",\"748.jpg\",\"157.jpg\",\"446.jpg\",\"871.jpg\",\"778.jpg\"]"},{"id":"13","name":"fasdf","description":"asdfghjkl","size":"fasdf","color":"5a72fb","created_at":"2015-09-09 11:48:31","updated_at":"2015-09-09 11:48:31","images":"[\"910.jpg\",\"504.jpg\",\"784.jpg\"]"}]}


angular.module('myApp', []).controller('myCtrl', function($scope, $http){
      $http.get('test').success(function (data){
        $scope.p = angular.fromJson(data);
        console.log(angular.fromJson(data));
      });
});

<tbody ng-controller="myCtrl">
   <tr ng-repeat="x in p">
    <td ng-if="x.images ">
        {{ x.images | limitTo:$index }}
    </td>
    <td>{{ x.size }}</td>
   </tr>
</tbody>

现在请帮我完整的代码.谢谢.

Answer 1

那么只需执行以下操作即可:

<td>
    {{p[0]}}
</td>

Answer 2

有很多方法可以做到这一点.一种方法是使用过滤器 limitTo:1和ng-repeat.

试试这个

<tr ng-repeat="x in p | |limitTo:1">
    <td>
     {{ x.images }}
    </td>
</tr>