加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

AngularJS过滤器完全匹配

发布时间:2020-12-17 08:44:16 所属栏目:安全 来源:网络整理
导读:我需要按照他们的类别过滤项目的列表。我希望用户能够单击一个按钮,然后将过滤器应用于列表。 目前,我有一定程度的工作。 让我们举个例子,我有一个电影列表,呈现如下: li ng-repeat="movie in movieList | filter:filters"{{ movie.title }}/li 我还有
我需要按照他们的类别过滤项目的列表。我希望用户能够单击一个按钮,然后将过滤器应用于列表。

目前,我有一定程度的工作。

让我们举个例子,我有一个电影列表,呈现如下:

<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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读