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()’函数是更新范围,以显示当前正在查看的类型)。

现在这工作正常,直到我有一种情况,说,我有2种类型:’行动’和’行动冒险’。当我通过类型“动作”的电影过滤,我不仅得到一个动作电影的列表,而且还有行动冒险电影。

有一种方法,我可以使用过滤器获得一个完全匹配?

这现在提供在过滤器内。您可以将true传递给过滤器以启用严格匹配。
<li ng-repeat="movie in movieList | filter : filters : true">{{ movie.title }}</li>

参考

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

http://stackoverflow.com/a/18243147/1466430

猜你在找的Angularjs相关文章