ember.js - 如何通过以下代码获取 Ember Select 中的值

Question

把手如下：- {{#控制器中的每个类别}}

 {{view Ember.Select
    contentBinding="App.testsController.content"
    optionLabelPath="content.category"

    selectionBinding="content.myVal"

 }}    

{{view Ember.Select
   contentBinding="App.testsController.content"

   optionLabelPath="content.type"  
}}   

{{view Ember.Select
   contentBinding="App.testsController.content"      
   selectionBinding="content.myVal"
}} 

controller is :-
App.TestsController = Ember.ArrayController.extend({
  content: []
});

model is :- 
App.Test = Ember.Object.extend(
 category: null
 type: null
 #operands: null
#defaults: null
)

在视图中，我无法获取值类别和类型。它没有显示。如何解决问题？

Answer 1

您是否通过路由器抓住控制器？如果是这样，您可能特别需要调用 contentBinding: 'App.router.testsController.content'

此外，您的 selectionBinding 应为“controller.myVal”而不是“content.myVal”。

Answer 2

请参考Git hub doc，下面是相关部分。

或者，您可以通过用于呈现每个提供selectionBinding. 当 selected <option>更改时，提供给的属性路径selectionBinding 将更新以匹配呈现<option> 元素的内容对象：

App.controller = Ember.Object.create({
selectedPerson: null,
content: [
Ember.Object.create({firstName: "Yehuda", id: 1}),
Ember.Object.create({firstName: "Tom", id: 2})
]
});

---

{{view Ember.Select
contentBinding="App.controller.content"
optionValuePath="content.id"
optionLabelPath="content.firstName"
selectionBinding="App.controller.selectedPerson"}}

将产生以下带有选定选项的 HTML：

<select class="ember-select">
<option value>Please Select</option>
<option value="1">Yehuda</option>
<option value="2" selected="selected">Tom</option>
</select>