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

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

您可以使用过滤器对此路过的用户输入的minValue和maxValue进行过滤。

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

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

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