确定有多少结果是由NG-重复过滤器显示 [英] Determining how many results are shown by ng-repeat filter

问题描述

如果我用 NG-重复与过滤，我怎么能确定有多少元素将被过滤掉（或反之亦然，多少显示）？具体来说，我想创建一个用于创建过滤器的搜索栏，但我也想显示有多少元素被过滤器隐藏（即类似显示6 10的结果）。

If I use ng-repeat with filter, how can I determine how many elements are filtered out (or vice versa, how many are shown)? Specifically, I would like to create a search bar that creates the filter, but I would also like to show how many elements are hidden by the filter (ie something like Showing 6 of 10 results).

推荐答案

请在这里看到的http：// jsbin .COM / xuyuy / 1 /编辑

在您的中继器，你可以创建新的数组即：personsfiltered

In your repeater you can create new array ie : personsfiltered

ng-repeat="person in personsfilterd = (persons | filter : search )

，之后只显示一部开拓创新数组的长度和过滤数组：

and after that just display length of orignal array and filtered array :

Showing {{personsfilterd.length}} of {{persons.length }} results

全部code位置：

Full code here:

var app = angular.module('app', []);

app.controller('fCtrl', function($scope) {

  $scope.persons = [
    'Mike', 'Tom', 'Tim', 'Jim', 'Ken'
  ]

});

 <div ng-app="app">
    <div ng-controller="fCtrl">
      <input type="text" ng-model = "search"> Showing {{personsfilterd.length}} of {{persons.length }} results
      <li ng-repeat="person in personsfilterd = (persons | filter : search )">{{person}}</li>
    </div>
    </div>

这篇关于确定有多少结果是由NG-重复过滤器显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！