javascript - Ember.js 如何使用 View 观察选择变化 Ember.Select multiple=true？

Question

我尝试观察简单 Ember.Select 的选择更改并且它有效，但是当我将 select 与 multiple=true 一起使用时它失败了。这里有一些代码:

 {{view Ember.Select
 multiple=true
 contentBinding="App.TopicController"
 selectionBinding="content.TOPICS"
 optionLabelPath="content.label"
 optionValuePath="content.id"}}

当我更改输入的选择时，它必须触发观察者:

App.Configuration = Em.Object.extend({
    TOPICS:[],

  // this observer must work when selection changes
  topicsSelected: function() {
    console.log('topics selection changed!');
  }.observes('TOPICS', 'TOPICS.@each', 'TOPICS.length')

});

JSBin 有这个问题:http://jsbin.com/

版本: Handlebars 1.0.0，ember 1.0.0

Answer 1

将 TOPICS 变量更改为 topics 将解决此问题。我认为这是因为这个问题 https://github.com/emberjs/ember.js/issues/3098 .

在你的 topicsSelected 观察者中，如果你想观察选择，只需要 observes('topics.length') 即可。

查看更新后的 jsbin http://jsbin.com/ofONeQ/14/edit