Otomatik izleme angularJ nasıl etkinleştirilir?

Question

Ben angularJs ile yeni başlayan ve bence, benim $scope benim whatching değişiklikleri ile basit bir sorun var.

Sunucudan aldığım bir $scope.tasks nesnesine sahibim.

{ 
2: {id: 2, name: 'name1', user: 3}, 
3: {id: 3, name: 'name2', user: 1}, 
4: {id: 4, name: 'name3', user: 4}, 
} 

Ayrıca ben bir işlev görevi güncelleme kullanıcı var: Görünüşe

$scope.managePlannedIterationTask = function(taskId, userId) { 
    var data = { 
     'taskId' : taskId, 
     'userId' : userId 
    }; 
    $http.post("url", data).success(function(data, status) { 
     $scope.tasks[taskId].user = userId; //#1 
    }); 
}; 

Ayrıca ben $scope.test(); bu fonksiyon gerekir özel fonksiyon görevlerinde kullanıcının her değişiklikten sonra gerçekleştirilmek zorundadır, güncelleştirme sorgusu ve en güncellenmesi // 1.

sonra örneğin bu amaç $ izlemek için kullanmaya çalıştı ve $ watchCollection:

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

Fakat bu yardımcı olmuyor. Ve şimdi $ scope.tasks'imi güncellediğimde her yere $scope.test()'u eklemem gerekiyor. Çok üzücü. Otomatik olarak nasıl yapabilirim?

Answer 1

Saatin kullanılması, kodu kullanmak için iyi bir uygulama değildir. update çağrısının başarılı olması durumunda test yöntemine bir çağrı olduğunu söyleyebilirim.

Ve post aramanın bir success callback'inde içine

bir başka çağrı sunucusu verileri ile senkronize düzgün view verileri yapmak tasks listesini güncellenmesini yapmak. Şu anda, birden çok kullanıcı tarafından yaygın olarak kullanılan veri merkezli uygulamada anlamlı olmayan, belirli bir kayıt için istemci tarafındaki verileri güncelliyorsunuz. Bu uygulamaya erişen 1000 kullanıcısına sahip olduğunuzu ve herhangi bir kaydı güncellerken, diğer kullanıcıların da aynı sayfada updated/added kayıt var. Böylece bu uygulama içinde tutarsız davranış katacak. Bu yüzden, uygulamanızın daha tutarlı ve doğru görünmesini sağlamak için & numaralı veriyi almak için bir kez daha ajax yapmanı öneriyorum. Bir daha ajax çağrısı yapmak, 100ms'u almaz, bu da iyi bir sebepten daha az ücret ödenir.

Sen izleyici ile bir yönerge yazmak ve izlenmesini istiyorum modellerde koyabilirsiniz

$scope.managePlannedIterationTask = function(taskId, userId) { 
    var data = { 
     'taskId' : taskId, 
     'userId' : userId 
    }; 
    $http.post("url", data).then(function(response) { 
     var data = response.data; 
     $scope.getTasks(); 
     $scope.test(); 
    }); 
}; 

$scope.getTasks = function(){ 
    $http.get('getTasksUrl').then(function(response){ 
     $scope.tasks = response.data; 
    }); 
} 

Answer 2

Kodu. Ancak, sizi doğru anladıysam, başarılı bir istek sonrası sayfanızdaki verileri güncellemeniz gerekiyorsa, bunu başarılı bir gönderiden sonra istek isteğini yerine getirerek, veya daha kötü durum senaryosunda, kullandığınız yönlendiriciye bağlı olarak rota veya eyalet yeniden yüklemesini kullanabilirsiniz. .