简化ng-repeat循环

Question

下面给出我的json数据，

person = ["name": "Alex", "Cities": [{"1": "Boulder"}, {"2": "Longmont"}, {"5": "Denver"}]]

我用来迭代所有城市，如下所示，

<div id="information">
   <div ng-repeat="city in person.Cities" >
       <div ng-repeat="(id, name) in city" >
        {{name}}
        </div>
    </div>  
</div>

这种方法是可行的，但要显示城市名称，使用两个ng-repeat控制器。我正在寻找一种简单的方法来列出城市。提前谢谢。

Answer 1

您的数据是嵌套的，这意味着一个数组位于另一个数组中。没有办法绕过这两个循环。

您可以在让数据呈现之前重新构造数据，以便只需一次循环即可遍历。

Answer 2

你的JSON可以简化；

person = ["name": "Alex", "Cities": {"1": "Boulder", "2": "Longmont", "5": "Denver"}]

然后

<div id="information">
    <div ng-repeat="(id, cityName) in person.Cities" >
        {{cityName}}
    </div>  
</div>

如果你想保持城市的嵌套；

person = ["name": "Alex", "Cities": {"1": {name: "Boulder", somethingElse: 'something'}}]

然后像这样迭代

<div id="information">
    <div ng-repeat="(id, cityData) in person.Cities" >
        {{cityData.name}}
    </div>  
</div>