AngularJS. Как отловить событие завершения работы директивы «ng-repeat» при сортировке или фильтрации?

Question

[Rain Summers]

Всем привет!

Имею следующий код

<tr ng-repeat="row in $ctrl.rows | filter:$ctrl.filterBy | orderBy : $ctrl.order.by : $ctrl.order.reverse as results track by row.id"
      ng-init="$ctrl.afterRepeat = results.length"
  >

Через watcher в классе-контроллере отлавливаю событие изменения переменной "$ctrl.afterRepeat", которое происходит по завершении "ng-repeat"-цикла. Да, это извращение, я знаю. :) А так же знаю и пробовал другой, менее извращенный вариант через

....
  ng-init="$last && $ctrl.onRepeatEnd()"
....

Проблема в том, что такая в обоих вариантах конструкция прокатывает лишь при первоначальном рендеринге страницы. При последующей фильтрации, когда добавляю фильтрующие символы - нет (т.е. при этом размер repeat-массива должен сужаться, а элементы убираться из DOM'а), а когда убираю фильтрующие символы из input-поля, то - да, срабатывает (т.е. отфильтрованный массив увеличился, новые элементы в DOM добавились).

В общем, как надежно отлавливать событие изменения на ng-repeat?

Comments

[napa3um]

Если вам понадобилось ловить это событие, то что-то вы задумали неправильно. Хотите лоадер рисовать, пока длинный список формируется? Не получится, гуй рисуется в одном потоке, при перестроении DOM-элементов не получится двигать другие DOM-элементы. Для длинных списков используйте virtual list и вообще программируйте так, чтобы временем изменения в DOM можно было пренебрегать и считать нулевым (когда вылезете за пределы и пренебрегать не получится - что-то сделано неверно).

[Rain Summers]

Хороший совет, благодарю.
При "virtual repeaters" я в курсе, и знаю, что по идее надо вместо тех 300 строк, что у меня, рисовать лишь те, что поместятся в видимую область.
Но я хочу как минимум знать количество элементов, которые останутся на экране после фильтрации. Вот к этому и был мой вопрос.

Answer 1

[lega]

Из ng-repeat можно получать результирующий массив который рендерится, можете попробовать его отслеживать.

Comments

[Rain Summers]

Как? Я только знаю 1 вариант, и моем сниппете выше это "as results" в выражении для ng-repeat. Можно трекать его длину, которая будет меняться при фильтрации, но как это срабатывает, я написал выше.

[lega]

Rain Summers: stackoverflow.com/questions/11721863/angularjs-how...

Answer 2

[Stepanya]

Зачем фильтровать в шаблоне? Отсортируйте массив в js и отдайте уже отсортированный массив

function ctrl() {
 var vm = this;
 var array = [2,1,3];
 vm.filteredRows= null;

  function doFilter(array) {
   //фильтруем...
   return filtered;
  }

vm.$onInit = function () {
  vm.filteredRows= doFilter(array);
}

<tr ng-repeat="row in $ctrl.filteredRows></tr>