css - 你如何在 Angular.js 中基于 css 类进行过滤？

Question

我正在尝试根据 css 类过滤我的结果，但似乎想不出最简单/最好的方法。

这是我的 plunker example

基本上通过点击一个链接，我希望我的过滤结果只显示使用“in_red”类的元素。

Answer 1

不是按类过滤，而是按对象的实际属性过滤。毕竟类是基于名称属性设置的。

一种解决方案是使用自定义过滤器函数:

ng-repeat="friend in friends | filter:filterFriends"

filterFriends 应该是这样的:

function(friend) {
  if ($scope.filterOnRed === true) {
    return friend.name.substring(0,1) == 'J';
  } else {
    return friend.name.indexOf($scope.searchText) != -1;
  }
}