$ watchCollection в сеточном фильтре пользовательского интерфейса

Question

$ watchCollection в сеточном фильтре пользовательского интерфейса

0

Я пытаюсь подключить таблицу (ui grid) с другим видом в Angular, используя функцию $ watchCollection. Мне нужно $ watchCollection для просмотра текстового поля (области фильтра) в таблице, и когда изменения будут идентифицированы, текст будет уменьшен на основе значений фильтра.

Я определил сетку пользовательского интерфейса <div ui-grid="gridOptions" ng-model="query" ui-grid-selection class="grid"></div> и теперь я пытаюсь $ watch целый массив (фильтры ) в таблице с помощью $ watchCollection:

 $scope.$watchCollection("query", function(newList, oldList) {
       $scope.newList = newList;
       $scope.oldList = oldList;
    });

Когда я пишу в фильтре, ничего не меняется. Пожалуйста, взгляните на плункер, что я делаю неправильно?

corry 27 авг. 2015, в 16:19

Источник

0

У вашего планкра нет этой логики внутри?
ajmajmajma 27 авг. 2015, в 14:13
0

Пожалуйста, посмотрите на main.html для определения таблицы. Логика определяется в script.js
corry 27 авг. 2015, в 14:20
0

Ваш скрипт.js просто содержит конфиг и контроллер с двумя переменными области видимости. Нет логики сбора часов, которую вы указали в своем вопросе.
ajmajmajma 27 авг. 2015, в 14:27
0

Пожалуйста, посмотрите на v11. Я отредактировал ссылку сразу после публикации вопроса.
corry 28 авг. 2015, в 07:13

Показать ещё 2 комментария

Теги:

javascript

angularjs

angular-ui-grid

1 ответ

Ещё вопросы

У вашего планкра нет этой логики внутри?
Пожалуйста, посмотрите на main.html для определения таблицы. Логика определяется в script.js
Ваш скрипт.js просто содержит конфиг и контроллер с двумя переменными области видимости. Нет логики сбора часов, которую вы указали в своем вопросе.
Пожалуйста, посмотрите на v11. Я отредактировал ссылку сразу после публикации вопроса.

Ali Adravi · Answer 1 · 2015-08-27T13-13-00.000Z

Добавьте true, чтобы найти любое изменение значения в списке

$scope.$watchCollection("query", function(newList, oldList) {
   $scope.newList = newList;
   $scope.oldList = oldList;
}, true);