Question

我有一个对象数组。我在我的模板中迭代它（通过#each）并为每个项目打印一个输入。

我如何观察对该阵列的任何项目所做的更改？

问题在于：JSBin

Answer 1

一种方法是在App.IndexController中添加一个观察者，如下所示：

App.IndexController = Ember.ObjectController.extend({
  listBinding: 'model.val'

  listContentChanged: function() {
    // here the code, but, you won't know which one changed
  }.observes('list.@each.content')
});

另一种方法是创建另一个控制器来表示列表中的每个元素：

App.MyController = Ember.ObjectController.extend({
  contentChanged: function() {
    // and here, you can access 'content', content will be each of
    //the objects in the list array
  }.observes('content.content')//we're observing 'content.content',
   //the first one is the content of this controller, which is one
   //of the elements of the list array, and the second 'content'
   //would be the property you defined in each of the objects when you created them
});

然后，您需要更改模板中的循环，如下所示：

{{#each l in list itemController="my"}}
  {{input value=l.content.content}}
{{/each}}

itemController =＆＃34;我＆＃34;指定数组中的每个元素都将创建MyController的实例。

希望这有帮助。

Ember：观察对具有数据数组的输入助手所做的更改

1 个答案: