javascript - ng-repeat 中的 angularJS 过滤器表达式

Question

我想知道实现它的最优雅和最简单的方法是什么。 我需要为 ng-repeat 添加一个过滤器表达式，它将从一个属性中过滤 2 个条件。

在这个例子中http://plnkr.co/edit/OMQxXvSjtuudMRGE4eZ8?p=preview

• 如果您输入 A，它会显示 A 的复选框，
• 输入 B - 显示 B 的复选框。

但我想显示指定的复选框以及任何空条件。 C没有条件，所以:

• 如果你输入A，我想同时显示A和C复选框，
• 输入 B，我想同时显示 B 和 C 复选框。

Answer 1

我会像这样创建自定义过滤器:

app.filter('myfilter', function() {
   return function( items, condition) {
    var filtered = [];

    if(condition === undefined || condition === ''){
      return items;
    }

    angular.forEach(items, function(item) {          
       if(condition === item.condition ||  item.condition === ''){
         filtered.push(item);
       }
    });

    return filtered;
  };
});

和用法:

<span ng-repeat="charge in charges  |  myfilter:level.condition">

请参阅 中的演示 Plunker

它看起来非常优雅和清晰。

希望对你有帮助