Angular 用filter过滤ng-repeat循环之后的数组,如何知道过滤后的数组是多少?

或者是换个提问方式,如何知道ng-repeat输出渲染的数组是多少个?

我在官方文档找到一个疑似可以用的东西,但是无奈英文太差,谁帮我看看怎么运用?
AngularJS-ngRepeat

翻到网页最后,可以看到For example: item in items | filter:x as results will store the fragment of the repeated items as results, but only after the items have been processed through the filter.

例子:

 <ul class="example-animate-container">
      <li class="animate-repeat" ng-repeat="friend in friends | filter:q as results">
        [{{$index + 1}}] {{friend.name}} who is {{friend.age}} years old.
      </li>
      <li class="animate-repeat" ng-if="results.length == 0">
        <strong>No results found...</strong>
      </li>
    </ul>
    

如代码举例,ng-repeat="friend in friends | filter:q as results"results能直接得到筛选后的数组,results.length即筛选后的数组长度,但是我用了这个方法,发现有个问题,在HTML中直接输出results能得到数据,但是在controller中的$scope.results是空的,请问如何在controller中获取到该results

阅读 4.2k
2 个回答

假设你 view 里是这样的

arr | filter1

那么在 controller 中你可以这样

angular.module("app").controller("controller", ['$scope', 'filter1', function($scope, filter1){
    var len = filter1($scope.arr).length;
}]);

我觉得这个方法是可以的

clipboard.png

可以试试自定义一个filter2放在你原本的filter1后面,

{{ expression | filter1 | filter2 | ... }}

这个自定义的filter2应该可以拿到数组

app.filter('filter2', function() {
  return function(input, optional1, optional2) {
    // 这里的input应该就是输入的数组
  }
});
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进