Angular JS搜索过滤器不能正常工作

Angular JS search filter not working properly

本文关键字：工作 常工作 JS 搜索 过滤器 不能 Angular      更新时间：2023-09-26

我正在使用cordova ionic和angular js构建一个应用程序。我正试图使"应用程序"的搜索过滤器。"app"是一个具有id、名称等的对象。问题是过滤器似乎在过滤，但不是正确的。它总是返回相同的两个"应用程序"，即使在搜索行的文本不匹配。我通过名字过滤"应用程序"。名称是字符串-我检查了它，过滤器接收的"名称"类型实际上是字符串。我甚至尝试过自定义滤镜。结果还是一样的。

我认为问题是"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。
  • 将apps[$index].name放在ng-model和filter中

和无数其他的变化。我们能做些什么来实现这个目标呢?

谢谢你的帮助!

你试过吗?

 <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">
相关文章：