通过 ng-repeat 显示嵌套在另一个列表中的列表

Question

基本上我有一系列通过 ng-repeat 显示的地区：

<div ng-repeat="district in districts | filter:search:startsWith" class="district">

      <h4 class="district-name">{{ district.district }}</h4>

这是一个数组：

var districtsArrayNotSorted = [
    {district:'Alpha district',link:'#',cities:['Zumbida','Kappa','Numba']},
    {district:'Beta district',link:'#',cities:['Jordda','Mamba','Nemessis']},
    {district:'Berta district',link:'#',cities:['Rumba','Samba','Chacha']},
    {district:'Gamma district',link:'#',cities:['Zapdos','Pikachu']}
];
var districtsArray = districtsArrayNotSorted.sort(function(a,b){
    var distrA = a.district.toLowerCase(), distrB = b.district.toLowerCase();
    if ( distrA > distrB) return 1
});

区数组里面还有一个数组（每个区的城市）

我试图在 .district 块中显示城市（嵌套在嵌套数组中）。

这里是DEMO

你有什么想法可以到达那些城市展示它们吗？

Answer 1

认为你可以这样做:

 <div class="container">

        <input id="q" type="text" ng-model="search " />

        <div ng-repeat="district in districts | filter:search:startsWith" class="district">

          <h4 class="district-name">{{ district.district }}</h4>
          <a href="{{ district.link }}">Some info</a>

          <ul class="district-cities">

            <li ng-repeat="city in district.cities">
              {{city}}
            </li>

          </ul>


        </div>

    </div>

笨蛋 here

通过 ng-repeat 显示嵌套在另一个列表中的列表

Show list nested in another list via ng-repeat

javascript

arrays

angularjs

ng-repeat

angularjs-ng-repeat