AngularJS: modeldeki değişikliği otomatik olarak algılar

Bir modelin değerleri her değiştiğinde bazı kodları otomatik olarak çalıştırmak gibi (verileri bir sunucuya kaydetmek gibi) yapmak istediğimi varsayalım. Bunu ng-change, modeli değiştirebilecek her bir kontrole benzer şekilde ayarlamanın tek yolu mudur ?

Yani, görünümlerle, açıkça herhangi bir şey bağlamak zorunda kalmadan model değiştikçe işler değişir. Bir sunucuya kaydeden kodu çalıştırmanın bir analogu var mı? Gibi bir şey

myModel.on('change', function() {
  $.post("/my-url", ...);
});

omurga gibi bir şeyle görebileceğiniz gibi.

{{}}Ve / veya ng-modelli görünümlerde , Angular $watch()sizin için perde arkasında es ayarlıyor .

Varsayılan $watcholarak referansa göre karşılaştırır. Eğer üçüncü parametre ayarlarsanız $watchiçin true, Eğik yerine "sığ" değişiklikler için nesneyi seyredecek. Diziler için bu, dizi öğelerinin karşılaştırılması anlamına gelir; nesne eşlemeleri için bu, özelliklerin izlenmesi anlamına gelir. Yani bu istediğini yapmalı:

$scope.$watch('myModel', function() { ... }, true);

Güncelleme : Angular v1.2 bunun için yeni bir yöntem ekledi "$ watchCollection () :

$scope.$watchCollection('myModel', function() { ... });

Referansların takip edilmemesi nedeniyle "sığ" kelimesinin karşılaştırmayı açıklamak için "derin" yerine kullanıldığına dikkat edin - örneğin, izlenen nesne başka bir nesneye referans olan bir özellik değeri içeriyorsa, bu referans karşılaştırmak için izlenmez. diğer nesne.

Form öğelerinizi durumuna göre (değiştirilmiş / değiştirilmemiş) dinamik olarak biçimlendirmeniz veya bazı değerlerin gerçekten değişip değişmediğini test etmeniz gerekirse, kendi geliştirdiğim şu modülü kullanabilirsiniz: https://github.com/betsol / açısal giriş değiştirilmiş

Forma ve onun alt öğelerine ek özellikler ve yöntemler ekler. Bununla, bazı öğelerin yeni veri içerip içermediğini test edebilir veya hatta tüm formda kaydedilmemiş yeni veriler olup olmadığını test edebilirsiniz.

Aşağıdaki saati kurabilirsiniz: $scope.$watch('myForm.modified', handler)ve bazı form öğeleri gerçekten yeni veriler içeriyorsa veya başlangıç ​​durumuna geri döndüyse, işleyiciniz çağrılacaktır.

Ayrıca, modifiedAJAX çağrısı aracılığıyla bir sunucuya gönderilen veri miktarını gerçekten azaltmak için tek tek form öğelerinin özelliğini kullanabilirsiniz . Değiştirilmemiş verilerin gönderilmesine gerek yoktur.

Bonus olarak, forma çağrı reset()yöntemiyle formunuzu başlangıç ​​durumuna geri döndürebilirsiniz .

Modül demosunu burada bulabilirsiniz: http://plnkr.co/edit/g2MDXv81OOBuGo6ORvdt?p=preview

Şerefe!