如何手动调用自定义过滤器？

Question

<div "ng-repeat="phone in phoneList| filter:filterPrice">



//custome filter
 $scope.filterPrice = function (phone) {
        return (phone.price > MIN_VAL && phone.price < MAX_VAL);};

MAX_VAL 和 MIN_VAL 是我从输入中获得的输入值，我必须在 MAX_VAL 或 MIN_VAL 更改时更新 phoneList。我收到值发生更改的事件，但如何在列表中更新？

Answer 1

使用此格式应用过滤器：

  app.filter('myFilter', function() {
  return function(input, optional1, optional2) {
    var output;
    // Do filter work here
    return output;
  }
});

Answer 2

您可以使用 filter 为这个通过的用户输入 minValue 和 maxValue 进行过滤。

<li ng-repeat="phone in phoneList | filterPrice:maxValue:minValue">
     {{ phone }}
</li>

发送您要过滤的列表作为第一个参数，然后根据您传递的顺序发送 minValue、maxValue，然后从 HTML 模板发送。过滤后，您可以 return 一个新列表。

app.filter('filterPrice', function() {
  return function(phoneList, maxValue, minValue) {
    // You can refine this logic
    if(!maxValue && !minValue)
    return phoneList;
    var filtered = [];
    filtered = phoneList.filter(function(obj){
      if(maxValue && !minValue){
        return obj.price <= maxValue;
      } else if(!maxValue && minValue){
        return obj.price >= minValue;
      }
      return (obj.price >= minValue && obj.price <= maxValue )
    })
    return filtered;
  };
});

Plunker

如何手动调用自定义过滤器？

How to invoke custom filter manually?

javascript

angularjs

ng-repeat

angularjs-scope

angularjs-ng-repeat