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

时间:2016-08-28 16:27:30

标签: javascript angularjs cordova filter

我正在使用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

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

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

你试过这个吗?

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