Часы AngularJS $ не работают для фильтрованного повторения ng

Question

Часы AngularJS $ не работают для фильтрованного повторения ng

0

Я пытаюсь использовать $ watch на отфильтрованном списке данных, но он не работает. Вот фрагмент моего кода.

HTML:

<div ng-repeat="dlr in dealers | filter : filterDealers ">
    {{dlr.name}}
</div>

контроллер

$scope.$watch('dealers', function () {
    console.log('dealers was changed');
});

$scope.filterDealers = function (dlr) {
    if (dlr.name = 'test') {
        return true;
    } else {
        return false;
    }
}

Консоль.log печатается при загрузке страницы, но если я фильтрую список, он не печатается.

user1024941 27 авг. 2015, в 04:13

Источник

2

Какая польза от часов? Если у вас есть переменная $ scope, у вас уже есть 2-х сторонняя привязка.
ajmajmajma 27 авг. 2015, в 01:21
0

Мне нужно запустить функцию после завершения фильтрации.
CaptainMorgan 27 авг. 2015, в 01:25
1

Что сказал @ajmajmajma, и это не имеет смысла с контекстом, представленным в вопросе, также вы можете захотеть использовать watchcollection или deep watch для объектов массива.
PSL 27 авг. 2015, в 01:26
0

Я думаю, что более разумный способ сделать это - основываясь на вашем комментарии - это создать небольшую директиву, которая, возможно, обнаруживает $ scope.last. Я не совсем уверен, что он запустится после того, как фильтрация будет завершена, но он будет работать, когда повторение достигнет своего конца, что, вероятно, происходит, когда фильтрация завершена (кто-то, пожалуйста, исправьте меня, если это не так).
ajmajmajma 27 авг. 2015, в 01:33
0

не совсем понятно, чего вы пытаетесь достичь, и, основываясь на комментариях к предложенным ответам, вы, похоже, пытаетесь изменить данные, которые фильтруются после применения фильтра, но это не сработает. Возможно, вы захотите обновить вопрос с более подробным описанием ваших данных и ожидаемых результатов; подход, который вы пытаетесь здесь, не имеет смысла в контексте того, как работает angular.
Claies 27 авг. 2015, в 01:40

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

Теги:

javascript

angularjs

2 ответа

0

Я не думаю, что вы захотите установить $watch на переменную $ scope с 2-мя границами. Если вы хотите, чтобы функция запускалась, когда ваш ng-repeat завершен, вы можете сделать небольшую директиву и проверить $last

Что-то вроде этого:

.directive('isLastItem', function () {
 return {
    restrict: 'A',
    link: function (scope, element, attr) {
        if (scope.$last === true) {
            //run your logic here
        }
    }
 }

затем html

<div ng-repeat="dlr in dealers | filter : filterDealers " is-last-item>

Теперь - я не знаю, где вы хотите, чтобы эта логика произошла, поэтому вы можете хотеть, чтобы $emit от вашей директивы к вашему контроллеру.

ajmajmajma 26 авг. 2015, в 23:26

Ещё вопросы

Какая польза от часов? Если у вас есть переменная $ scope, у вас уже есть 2-х сторонняя привязка.
Мне нужно запустить функцию после завершения фильтрации.
Что сказал @ajmajmajma, и это не имеет смысла с контекстом, представленным в вопросе, также вы можете захотеть использовать watchcollection или deep watch для объектов массива.
Я думаю, что более разумный способ сделать это - основываясь на вашем комментарии - это создать небольшую директиву, которая, возможно, обнаруживает $ scope.last. Я не совсем уверен, что он запустится после того, как фильтрация будет завершена, но он будет работать, когда повторение достигнет своего конца, что, вероятно, происходит, когда фильтрация завершена (кто-то, пожалуйста, исправьте меня, если это не так).
не совсем понятно, чего вы пытаетесь достичь, и, основываясь на комментариях к предложенным ответам, вы, похоже, пытаетесь изменить данные, которые фильтруются после применения фильтра, но это не сработает. Возможно, вы захотите обновить вопрос с более подробным описанием ваших данных и ожидаемых результатов; подход, который вы пытаетесь здесь, не имеет смысла в контексте того, как работает angular.

Anthony Garant · Accepted Answer · 2015-08-26T23-48-00.000Z

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

 <div ng-repeat="dlr in filteredDealers ng-init=filterDealers>"> 
     {{dlr.name}}
 </div>

И в вашем контроллере выполните:

$scope.filterDealer = function() {
    $scope.filteredDealers = [];
    for (var i=0; i<dealers.length; i++) {
        var dlr = dealers[i];
        if (dlr.name = 'test') {
            $scope.filteredDealers.push(dlr);
        }
    }
    // you know your filtering is done
    console.log('dealers was changed');
}

При этом я получаю следующую ошибку: Ошибка: [$ rootScope: infdig] 10 $ digest () достигнуты итерации. Aborting!
да - вы действительно не хотите смотреть что-то с двухсторонним связыванием @ user1024941, вы можете выполнить неприятную рекурсию. Если ваша проблема заключается в желании запустить функцию после выполнения фильтрации, вы можете рассмотреть другой подход.