Angular JS搜索过滤器无法正常工作

Question

我正在使用cordova离子并使用角度js构建应用程序。 我正在尝试为“apps”创建搜索过滤器。“app”是一个具有id，名称等的对象。 问题是过滤器似乎是过滤但不正确。 它总是返回相同的两个“应用程序”，即使搜索行中的文本不匹配。我正在通过名称过滤“apps”。名字是一个字符串 - 我检查了它，过滤器接收的“名称”的类型实际上是字符串。我甚至尝试过自定义过滤器。结果仍然是相同的。

我认为问题是“app”是一个对象，但在尝试了很多建议，从各种论坛（包括这个论坛）处理它之后，它仍然无效。

这是搜索行代码：

 <input ng-model="apps[$index].name" type="search" placeholder="Search" class="searchInput">

这是过滤器所在的ng-repeat代码：

 <div ng-repeat="app in apps | filter:apps[$index]" ng-if="$index % per_row == 0" class="row">

我也尝试过：

• 在ng-model和filter中加入“name”。
• 在ng-model和过滤器
中放置应用[$ index] .name

无数其他变种。 可以做些什么来完成这项工作？

感谢您的帮助！

Answer 1

你试过这个吗？

 <input ng-model="data.appFilter" type="search" placeholder="Search" class="searchInput">
 <div ng-repeat="app in apps | filter:{name: data.appFilter}" ng-if="$index % per_row == 0" class="row">