如何查看 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，但我不知道要传递什么作为 watch 表达式。 “ctrl.wordList.words”会告诉我何时添加/删除项目，但未更改。

Answer 1

$watchCollection 正如您所指出的，只能观察List 的变化，而不是列表项目的变化。这样做的原因是，观察每个对象都会有爆炸性的属性数量。

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

您可以实现onChange 方法，它会在每个新项目上创建更多监视，并从集合中取消注册删除项目时的监视。