Ember.js 更改Ember.Select选项时触发onchange事件

我一直试图将一个事件绑定到通过

Ember生成的select元素。select

，但我运气不好。我的页面中有很多选择，我想根据另一个选择的值填充选择的选项。我创建了一个选择视图，如：

AS.ClientSelectView = Ember.Select.extend({
    contentBinding:"AS.customerController",
    selectionBinding:"AS.SelectedClient.client",
    optionLabelPath : "content.name",
    optionValuePath : "content.id",
    change: function () {
          console.log(AS.SelectedClient.client.get('name'));
    }
});

但是，当触发更改事件时，它不会显示当前选定元素的值，而是显示先前选定的选项值

---

以下是jsbin链接：

您需要创建一个类型为AS.SelectedClient的对象，然后在选择中使用该对象：

AS.selectedClient = AS.SelectedClient.create();

AS.ClientSelectView = Ember.Select.extend({
  contentBinding: "AS.customerController",
  selectionBinding: "AS.selectedClient.client",
  optionLabelPath : "content.name",
  optionValuePath : "content.id"
});