使用AngularJS循环复杂的JSON结构

时间:2014-12-08 18:44:06

标签: json angularjs

我可以从JSON对象访问我想要的字段,如下所示:

<li ng-repeat='customer in customers[0][data]["DisplayName"] | filter:search'>{{ customer }}</li>

但是,它只返回一个对象的属性。

使用AngularJS,有没有办法循环使用以下内容?

customers[0][data]["DisplayName"]
customers[1][data]["DisplayName"]
customers[2][data]["DisplayName"]
customers[3][data]["DisplayName"]
customers[4][data]["DisplayName"]
...

1 个答案:

答案 0 :(得分:3)

customers是一个数组,因此通过执行ng-repeat,您将遍历它。但我认为您想要的是:1)在DisplayName内显示<li>属性或2)按DisplayName过滤。

要显示嵌套属性,请执行以下操作

<li ng-repeat="customer in customers">
  {{ customer[data]["DisplayName"] }}
</li>

过滤嵌套属性,例如在DisplayName

<li ng-repeat="customer in customers | filter:{data: {DisplayName: search}}">
  ...
</li>