AngularJS'de model değişikliklerini izlerken ilk yükü nasıl yoksayabilirim?

$ Scope.fieldcontainer özelliğinde derin bir grafik olarak oturur tek bir varlık için editör olarak hizmet veren bir web sayfam var. REST API'mdan ($ resource aracılığıyla) bir yanıt aldıktan sonra, 'fieldcontainer'a bir saat ekliyorum. Bu saati sayfanın / varlığın "kirli" olup olmadığını tespit etmek için kullanıyorum. Şu anda kaydet düğmesi sıçrama yapıyorum ama gerçekten kullanıcı modeli yönlendirene kadar kaydet düğmesini görünmez yapmak istiyorum.

Ne alıyorum saatin tek bir tetikleyici olduğunu düşünüyorum, çünkü olduğunu düşünüyorum .fieldcontainer = ... atama saatimi oluşturduktan hemen sonra gerçekleşir. Sadece ilk yanlış alarmı emmek için bir "dirtyCount" özelliği kullanmayı düşünüyordum ama bu çok acayip hissediyor ... ve bununla başa çıkmak için "Açısal deyimsel" bir yol olması gerektiğini düşündüm - Ben tek değilim kirli bir modeli tespit etmek için bir saat kullanmak.

İşte saatimi ayarladığım kod:

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

Ben sadece "if (dirtyCount> 0)" ile "UI kirli" kodumu korumak daha bunu yapmak için daha temiz bir yol olması gerektiğini düşünüyorum devam ...

ilk yüklemeden hemen önce bir bayrak belirleyin,

var initializing = true

ve sonra ilk $ saat patladığında

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

Bayrak, geçerli özet döngüsünün hemen sonunda yırtılacaktır, bu nedenle bir sonraki değişiklik engellenmeyecektir.

Dinleyici ilk kez çağrıldığında, eski değer ve yeni değer aynı olacaktır. Sadece şunu yapın:

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

Aslında bu, Açısal dokümanların ele almasını önerdiği yöntem :

Bir izleyici kapsamla kaydedildikten sonra, dinleyiciyi başlatmak için fn dinleyicisi eşzamansız olarak ($ ​​evalAsync aracılığıyla) çağrılır. Nadir durumlarda, bu istenmeyen bir durumdur çünkü watchExpression sonucu değişmediğinde dinleyici çağrılır. Bu senaryoyu dinleyici fn içinde algılamak için newVal ve oldVal değerlerini karşılaştırabilirsiniz. Bu iki değer aynı ise (===) dinleyici başlatma nedeniyle çağrıldı

Bu sorunun cevaplandığının farkındayım, ancak bir öneri var:

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

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

Bayrakları kullanmak işe yarıyor ama biraz kod kokusu var sanmıyorum?

Mevcut değerlerin ilk yüklenmesi sırasında eski değer alanı tanımsızdır. Aşağıdaki örnek, ilk yüklemeleri hariç tutmanıza yardımcı olur.

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

Sadece yeni val'in durumunu geçerli kılın:

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