Использование $watchCollection для опеределения dirty/pristine статуса модели

Question

[kirksa]

Есть модель, которая загружается с сервера. Есть страница управления этой моделью. Хотелось бы включать кнопку «Save» только при «грязной» модели. Использовать возможности форм — не очень удобно так как есть инпуты, не связанные напрямую с моделью.

Так вот, если я использую $watchCollection таким образом

$scope.$watchCollection('ruleset.rules', function() {
                               $scope.rulesetChanged = true;
                        });
$scope.rulesetChanged = false;

возникает проблема первого сравнения: в первый раз в любом случае сравнивается пустой объект с заполненным.

Делать что-то вроде

var cases = 0;
$scope.$watchCollection('ruleset.rules', function() {
                             if (cases > 0) {    
                                 $scope.rulesetChanged = true;
                             }
                             cases ++;
                        });
$scope.rulesetChanged = false;

как-то очень не хочется. Может есть какой-то ангуляровский способ решения этой проблемы? Например как-то засетить старый объект?

Answer 1

[kirksa]

решил проблему при помощи копирования исходной модели (angular.copy) и функции сравнения.

Comments

[Валерий]

Можно подробнее? Тоже всегда бесила особенность «первого» срабатывания $watch`ей

[kirksa]

При загрузке angular.copy, при проверке angular.equals со скопированным. В ng-disabled эта функция. Без $watch.

[kirksa]

Как я понял, идеологический неправильно применять $watch в этой ситуации. $watch скорее для апдейтов других моделей, при изменении наблюдаемой. Поэтому первое срабатывание $watch тоже будет нужно.

Answer 2

[EugeneOZ]

Можно просто посмотреть, не undefined ли oldValue, которое передаётся в коллбэк.