Можно ли узнать количество элементов после фильтрации в Angularjs?

Question

[Пётр]

Для фильтрацию делаю во view.

<ul>
  <li data-ng-repeat="item in list | filter:search>
    <span>{{item.name}}</span>
  </li>
</ul>

Как узнать какое кол-во данных осталось после фильтрации?

Answer 1

[Артур]

{{ (data | filter:filter).length }}

Comments

[Артур]

plnkr.co/edit/jpiWnudbNE0Xptvvgy8r

[Пётр]

Артур: спасибо

Answer 2

[Сергей Протько]

не используйте фильтрацию коллекций в шаблонах, готовьте данные в контроллере. Эта фича годится только для прототипов, в продакшене такое лучше не делать. Фильтры должны возвращать строки и быть максимально быстрыми. Опять же вы можете в контроллер инджектить фильтры (filterFilter в вашем случае)

А ели у вас отфильтрованная коллекция есть в контроллере, то вывести ее длину вообще не проблема.

Comments

[Пётр]

В чем же могут быть проблемы, раз нельзя на продакшене так делать?

[Сергей Протько]

Пётр: читаем что такое $digest, читаем как работают фильтры в ангуляре. Если коротко, фильтры в первом ангуляре срабатывают на каждый чих, и чем сложнее они, тем больше проблем с производительностью. Да и отфильтровать в контроллере намного проще, нежели в темплейте, больше контроля. А так как есть возможность юзать те же фильтры в контроллере, мы вообще ничего не теряем от этого.

Answer 3

[JIakki]

angular.module('app', [])
.controller('aCtrl', function() {
  this.count = 0;
})

<ul ng-controller='aCtrl as ctrl' >
  <li data-ng-repeat="item in [23,4,5,6,7] | filter:search">
    <span ng-init='ctrl.count = ctrl.count + 1'>{{item.name}}</span>
  </li>
  </ul>

как то так

Comments

[Пётр]

он работает на постоянное сложение
когда применяешь фильтр, то он не вычитает из полученного значения, а когда уменьшаешь значения в фильтре, то он увеличивает счетчик

Answer 4

[Андрей]

<li data-ng-repeat="item in list | filter:search as filteredData">
{{filteredData.length}}