javascript - 在两个不同的选项卡中进行过滤(AngularJS)

Question

我有两个选项卡，必须对它们都实现过滤。 在第二个选项卡中一切正常，但在第一个选项卡中则不然。 我正在填写与这部分(ng-model)相关的问题:

<ul search-list=".letter" model="search.district">
    <li class="letter" ng-repeat="letter in alphabet.letter">{{ letter }}</li>
</ul>

对此:

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

所以第二个选项卡工作正常:

<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 ">
            <a href="{{ city.url }}">
                  {{ city.name }}
                </a>
        </li>
    </ul>
</div>

但是我不知道如何制作第一部分......

这里是DEMO

Answer 1

在 HTML 中进行此更改

<div class="tab-content active" data-id="first">
     <li ng-repeat='city in cities | filter:{name :search.district}:startsWith'>
            <a href="{{ city.link }}">
              {{ city.name }}
            </a>
     </li>
</div>

这是更新 Plunker