基本上我有各区的数组通过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>

这里