过滤由ng-repeat创建的不同列表（AngularJS）

Question

我有两个选项卡，其中包含由ng-repeat

创建的不同列表

当我过滤第二个标签时 - 一切正常，但第一个根本不起作用。

我现在问题是因为<ul search-list=".letter" model="search.district">和<input id="q" type="text" ng-model="search.district " />，但search.district我需要第二个标签正确过滤。如果您要更改search.district上的search - 过滤将适用于两个标签，但第二个标签过滤不正确（过滤器应过滤区域，当我们点击Z时显示所有带有字母z）的城市。

所以，问题是，如何在我的代码中保留search.district，以及如何在两个标签中使过滤器工作正确？

这是有效的DEMO

提前多多感谢！

Answer 1

在startWith函数中，您假设expected是String，但对于第一个面板比较是一个对象，更改代码如下：

var e = angular.isString(expected) ? expected.toLowerCase() : expected.district.toLowerCase();

然后使用e变量作为indexOf参数。