Jak zignorować początkowe obciążenie podczas oglądania zmian modelu w AngularJS?

Mam stronę internetową, która służy jako edytor dla pojedynczego elementu, który znajduje się jako głęboki wykres we właściwości $ scope.fieldcontainer. Po otrzymaniu odpowiedzi z mojego interfejsu API REST (za pośrednictwem zasobu $) dodaję zegarek do 'fieldcontainer'. Używam tego zegarka do wykrywania, czy strona / jednostka jest „brudna”. W tej chwili odbijam przycisk Zapisz, ale naprawdę chcę, aby przycisk Zapisz był niewidoczny, dopóki użytkownik nie zabrudzi modelu.

To, co otrzymuję, to pojedynczy spust zegarka, który, jak sądzę, dzieje się, ponieważ przypisanie .fieldcontainer = ... ma miejsce natychmiast po utworzeniu mojego zegarka. Myślałem o użyciu po prostu właściwości „dirtyCount” do zaabsorbowania początkowego fałszywego alarmu, ale wydaje mi się to bardzo hackerskie ... i pomyślałem, że musi istnieć sposób „Angular idiomatic”, aby sobie z tym poradzić - nie jestem jedyny za pomocą zegarka, aby wykryć brudny model.

Oto kod, w którym ustawiam zegarek:

 $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);
            });

Po prostu myślę, że musi istnieć czystszy sposób, aby to zrobić, niż pilnowanie mojego kodu „UI dirtying” za pomocą „if (dirtyCount> 0)” ...

ustaw flagę tuż przed początkowym ładowaniem,

var initializing = true

a potem, gdy wystrzeli pierwszy zegarek, zrób

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

Flaga zostanie zburzona tuż po zakończeniu bieżącego cyklu podsumowania, więc następna zmiana nie zostanie zablokowana.

Przy pierwszym wywołaniu detektora stara wartość i nowa wartość będą identyczne. Po prostu zrób to:

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

W ten sposób doktorzy Angular zalecają obchodzenie się z tym :

Po zarejestrowaniu obserwatora w zakresie detektor fn jest wywoływany asynchronicznie (przez $ evalAsync) w celu zainicjowania obserwatora. W rzadkich przypadkach jest to niepożądane, ponieważ słuchacz jest wywoływany, gdy wynik watchExpression nie zmienił się. Aby wykryć ten scenariusz w odbiorniku fn, możesz porównać newVal i oldVal. Jeśli te dwie wartości są identyczne (===), wówczas detektor został wywołany z powodu inicjalizacji

Zdaję sobie sprawę, że na to pytanie udzielono odpowiedzi, jednak mam sugestię:

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

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

Używanie flag działa, ale wyczuwa zapach kodu , nie sądzisz?

Podczas początkowego ładowania bieżących wartości stare pole wartości jest niezdefiniowane. Poniższy przykład pomaga w wykluczeniu początkowych obciążeń.

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

Po prostu popraw stan nowej wartości:

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