小编典典

AngularJS过滤器完全匹配

angularjs

我需要按类别过滤项目列表。我希望用户能够单击一个按钮,然后将过滤器应用于列表。

目前,我已经在一定程度上进行了这项工作。

举例来说,我有一个电影列表,如下所示:

<li ng-repeat="movie in movieList | filter:filters">{{ movie.title }}</li>

我还有一个电影流派列表(渲染为按钮,单击该按钮将过滤电影列表),如下所示:

<li ng-repeat="genre in genres">
    <a ng-click="filters.genre = genre.name" ng-click='changeGenre(genre.name)'>{{genre.name}}</a>
</li>

(“ changeGenre()”函数所做的全部工作就是更新范围,以显示当前正在查看的流派)。

现在这个方法可以正常工作,直到我遇到两种类型的情况:“动作”和“动作冒险”。当我按“动作”类型的电影进行筛选时,不仅获得了动作电影列表,而且还获得了动作冒险电影。

有什么办法可以使用过滤器获得完全匹配的结果吗?


阅读 231

收藏
2020-07-04

共1个答案

小编典典

现在,这是在过滤器中本地提供的。您可以将true传递给过滤器以启用严格匹配。

<li ng-repeat="movie in movieList | filter : filters : true">{{ movie.title }}</li>

裁判员

https://docs.angularjs.org/api/ng/filter/filter

2020-07-04