通过NG-重复嵌套在另一个列表显示列表 [英] Show list nested in another list via ng-repeat

问题描述

基本上我有各区的数组通过NG-重复图所示：

Basically I have an array of districts that are shown via 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 array has another arrays (with cities of each district) inside.

我试图表现出比城市（嵌套在嵌套数组）的。区块。

I'm trying to show than cities (nested in the nested arrays) in .district blocks.

下面是演示

你有什么想法如何可以达到这个城市给他们看？

Do you have any ideas how is possible to reach that cities to show them?

推荐答案

你觉得你可以做SMT是这样的：

Think you can do smt like this:

 <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>

这里

这篇关于通过NG-重复嵌套在另一个列表显示列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！