当前位置: 首页 > 面试题库 >

AngularJS过滤器完全匹配

林星华
2023-03-14
问题内容

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

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

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

<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()”函数所做的全部工作就是更新范围,以显示当前正在查看的流派)。

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

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


问题答案:

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

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

裁判员

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



 类似资料:
  • 本文向大家介绍AngularJS中的过滤器filter用法完全解析,包括了AngularJS中的过滤器filter用法完全解析的使用技巧和注意事项,需要的朋友参考一下 在AngularJS的世界里,filter提供了一种格式化数据的方法,Angular也提供给我们了很多内建的过滤器,并且建立自定义过滤器也是相当的简单 在HTML的模板绑定{{}}中,我们使用 | 来调用过滤器,比如,我们想让字符串

  • 主要内容:AngularJS 过滤器,表达式中添加过滤器,AngularJS 实例,AngularJS 实例,currency 过滤器,AngularJS 实例,向指令添加过滤器,AngularJS 实例,过滤输入,AngularJS 实例,自定义过滤器,AngularJS 实例过滤器可以使用一个管道字符(|)添加到表达式和指令中。 AngularJS 过滤器 AngularJS 过滤器可用于转换数据: 过滤器 描述 currency 格式化数字为货币格式。 filter 从数组项中选择一个子集

  • 问题内容: 因此,我一直在尝试实现一种搜索功能,用户可以在其中输入关键字并查找用户。该搜索方法应该在用户的字段(例如名字,姓氏,工作等)中查找完全匹配的单词 我尝试过icontains,但也可以在单词中匹配,例如,如果用户输入“ a”,则搜索将返回包含“ a”的任何内容。(这是我本来要解决此问题之前最初要做的事情) 我试过了,但是显然可以给出一个完全匹配的结果,如果用户输入“ john”,它将跳过

  • 问题内容: 我有一组项目,我想使用ng-model作为字符串来过滤ng- repeat来过滤集合,到目前为止,我还没有找到一种方法来使表达式被否定时起作用,我做这样的事情: 在文档中,它说我们应该使用!否定表达,但仍然没有运气。 我究竟做错了什么? 问题答案: ‘!’ 字符位于过滤器字符串的前面,如下所示: 过滤器:’!’+ languageOrigin

  • 我在ES中有一个多匹配查询,希望添加一个过滤器。 添加此筛选器的语法是什么? 我试过:

  • 问题内容: 这是我的代码。请运行脚本以查看其工作方式: 从上面的代码中,我的数据数组包含对象,这些对象具有用户名,他的电话号码和他所属的呼叫队列。 我分别有四个呼叫队列111,456,201和665。 一个用户可以处于任意数量的呼叫队列中。我已经过滤了控制器中的数据,以使其仅显示前端中属于队列111或队列456的用户。 因此,根据我的代码,用户Edmond属于队列665,因此其详细信息不会显示在前