AngularJS

Question

我已经设置了一个自定义过滤器 - certFilter - 它根据从动态生成的复选框中选择的内容进行过滤。这工作正常，但我试图弄清楚如何在初始页面加载时加载所有结果，因为现在 none 的结果显示，直到你 select 你想要过滤的内容。

<p ng-repeat="cert in allCerts">
   <input type="checkbox" ng-model="status"  
                          ng-change="ifCheck(filteredCerts, cert, status)"> {{ cert }}
</p>
<div ng-repeat="expert in expertList | certFilter:filteredCerts ">
   <h2>{{ expert.data.name }}</h2>
</div>

我不确定如何在选择过滤器选项之前显示所有结果。有什么想法吗？

Answer 1

如果您想在 status 复选框模型变为 true 之前禁用过滤器，您可以 return 输入列表，例如：

<div ng-repeat="pro in poolProList | certFilter:{'fc':filteredCerts, 'status': status} ">

和：

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

   if(!settings.status){ // where "status" is ngModel of checkbox
      filtered = items;
   } 

    // ...
    return filtered;
  };
});

AngularJS - 过滤前加载页面上的所有结果

AngularJS - Load All Results on Page Before Filtering

angularjs-ng-repeat

angular-filters