如何觀看AngularDart集合的元素？

Question

我有一個模型：

class WordList { 
    List<Word> words = []; 
} 

它是通過依賴注入創建成我的意見之一。

@NgController(
    selector: '[list-ctrl]', 
    publishAs: 'ctrl' 
) 
class ListCtrl { 
    WordList wordList; 
    Scope scope; 

    ListCtrl(this.router, this.wordList, this.scope) { 
    scope.$watchCollection("", onChange); 
    } 

我想運行一些邏輯，每當一個項目從該列表中修改。我該如何做到這一點？

我相信關鍵是在$ watchCollection中，但我無法弄清楚作爲監視表達式要傳遞什麼。 「ctrl.wordList.words」會告訴我何時添加/刪除項目，但沒有更改。

Answer 1

$watchCollection正如您所指出的，只能在List的變化中觀察更改，而不是針對列表項目中的更改。其原因是，觀看每個對象將具有爆炸性的屬性。

scope.$watch(() => wordList, onChange); 

你可以在某種程度上實現onChange方法，它會在每個新項目，以及註銷的項目去除形成收集手錶創建進一步手錶。