如何从hbs中选择id的元素

Question

我使用这行代码

使用ember.js添加了一个select标签

{{view Ember.Select contentBinding = "content"}}

稍后我有一个按钮，它在同一个控制器中调用一个函数，我想知道如何从这个select标签中获取所选的选项。

注意：其ID为“ ember240 ”。

Answer 1

经过一番调查后，我发现最好的解决办法是在控制器中声明这样的东西：

selectedoption : null,

然后像这样使用选择绑定

{{view Ember.Select contentBinding = "content"
       selectionBinding = selectedoption}}

有关此问题的详情，请参阅this answer。

Answer 2

官方方式是使用value属性：

{{view Ember.Select
   content=programmers
   optionValuePath="content.id"
   optionLabelPath="content.firstName"
   value=currentProgrammerId}}

这将使用optionValuePath将所选值绑定到value中给出的属性。在这种情况下，控制器中的属性currentProgrammerId将设置为所选程序员的id属性。

将使用firstName属性呈现元素。

示例programmers数组如下所示：

programmers: [
    {id: 1, firstName: "Pete"},
    {id: 2, firstName: "Julia"},
    {id: 8, firstName: "Jessy"},
    {id: 22, firstName: "Hank"},
]

参考：Ember.Select: The content property