如何使用 AngularJS 过滤器过滤多个值？

使用 AngularJS 过滤器过滤多个值

在 AngularJS 中，您可以利用过滤器来细化数据，例如根据多种类型选择电影。如果您有一个带有类型属性的对象结构，您可能想要过滤属于“动作”或“喜剧”类型的电影。

自定义过滤器方法

考虑创建自定义过滤，相对简单。按如下方式定义过滤器：

<code class="javascript">angular.module('myFilters', []).
  filter('bygenre', function() {
    return function(movies, genres) {
      var out = [];
      // Implement your filtering logic here, adding matches to the out variable.
      return out;
    }
  });</code>

模板用法

在模板中，您可以像这样合并自定义过滤器：

<code class="html"><ul>
    <li ng-repeat="movie in movies | bygenre:genrefilters">{{movie.title}}: {{movie.genre}}</li>
</ul></code>

动态过滤器变量

要根据范围内的流派数组动态过滤，您可以按如下方式设置variableX变量：

<code class="javascript">$scope.variableX = {genres: ['Action', 'Comedy']};</code>

这使您能够根据数组中的值动态应用过滤器.

示例

这是一个演示该方法的小提琴示例：https://jsfiddle.net/s39pazfg/

以上是如何使用 AngularJS 过滤器过滤多个值？的详细内容。更多信息请关注PHP中文网其他相关文章！