Как игнорировать начальную загрузку при просмотре изменений модели в AngularJS?

У меня есть веб-страница, которая служит редактором для одной сущности, которая находится в виде глубокого графика в свойстве $ scope.fieldcontainer. Получив ответ от моего REST API (через $ resource), я добавляю часы в 'fieldcontainer'. Я использую эти часы, чтобы определить, является ли страница / сущность «грязной». Прямо сейчас я отскакиваю кнопку сохранения, но на самом деле я хочу сделать кнопку сохранения невидимой, пока пользователь не загрязнит модель.

То, что я получаю, - это один триггер часов, который, я думаю, происходит, потому что назначение .fieldcontainer = ... происходит сразу после того, как я создаю свои часы. Я думал о том, чтобы просто использовать свойство dirtyCount, чтобы поглотить первоначальную ложную тревогу, но это выглядит очень странно ... и я подумал, что должен быть "угловой идиоматический" способ справиться с этим - я не единственный используя часы, чтобы обнаружить грязную модель.

Вот код, где я установил свои часы:

 $scope.fieldcontainer = Message.get({id: $scope.entityId },
            function(message,headers) {
                $scope.$watch('fieldcontainer',
                    function() {
                        console.log("model is dirty.");
                        if ($scope.visibility.saveButton) {
                            $('#saveMessageButtonRow').effect("bounce", { times:5, direction: 'right' }, 300);
                        }
                    }, true);
            });

Я просто продолжаю думать, что должен быть более чистый способ сделать это, чем защита моего кода "UI dirtying" с помощью "if (dirtyCount> 0)" ...

установить флаг непосредственно перед начальной загрузкой,

var initializing = true

и затем, когда первый $ watch сработает, сделайте

$scope.$watch('fieldcontainer', function() {
  if (initializing) {
    $timeout(function() { initializing = false; });
  } else {
    // do whatever you were going to do
  }
});

Флаг будет снят только в конце текущего цикла дайджеста, поэтому следующее изменение не будет заблокировано.

При первом вызове слушателя старое значение и новое значение будут идентичны. Так что просто сделайте это:

$scope.$watch('fieldcontainer', function(newValue, oldValue) {
  if (newValue !== oldValue) {
    // do whatever you were going to do
  }
});

На самом деле, именно так Angular docs рекомендует обращаться с этим :

После того, как наблюдатель зарегистрирован в области действия, слушатель fn вызывается асинхронно (через $ evalAsync) для инициализации наблюдателя. В редких случаях это нежелательно, потому что слушатель вызывается, когда результат watchExpression не изменился. Чтобы обнаружить этот сценарий в слушателе fn, вы можете сравнить newVal и oldVal. Если эти два значения идентичны (===), то слушатель был вызван из-за инициализации

Я понимаю, что на этот вопрос был дан ответ, однако у меня есть предложение:

$scope.$watch('fieldcontainer', function (new_fieldcontainer, old_fieldcontainer) {
    if (typeof old_fieldcontainer === 'undefined') return;

    // Other code for handling changed object here.
});

Использование флагов работает, но имеет некоторый запах кода, не правда ли?

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

$scope.$watch('fieldcontainer', 
  function(newValue, oldValue) {
    if (newValue && oldValue && newValue != oldValue) {
      // here what to do
    }
  }), true;

Просто действительное состояние нового val:

$scope.$watch('fieldcontainer',function(newVal) {
      if(angular.isDefined(newVal)){
          //Do something
      }
});