在AngularJS服務中觀察數組的變化

Question

我有一個服務對象，它公開一個數組，我希望監視數組中的變化（然後調用一個方法）。

這在控制器中通過監視$ scope的數組變化是微不足道的，但是如何在一個服務中完成相同的操作呢？ 該服務在多個控制器中共享，我不想在很多地方實現該邏輯。

我已經嘗試使用Polymer的ArrayObserver，但它似乎不適用於Angular。

有沒有人有任何建議？ 感謝

Answer 1

您可以添加在$rootScope手錶，即：

.service("mySvc", function($rootScope,...) { 
    var myArray = ... 
    ... 
    $rootScope.$watchCollection(
     function() { 
      return myArray; 
     }, 
     function(newval) { 
      ... 
     } 
    ); 

但是你必須要格外小心註銷手錶時，（如果）它不再需要。

Answer 2

嗨，您可以使用$watchCollection觀看陣列改變

var arrayChangeListner = $rootScope.$watchCollection(function(){ 
}); 

註銷如果不再需要爲@Nikos提到

$手錶返回註銷功能手錶，要註銷調用該函數像這

arrayChangeListner(); 

參考：

1. Angular DOcs
2. http://www.bennadel.com/blog/2566-scope-watch-vs-watchcollection-in-angularjs.htm

希望它可以幫助