Question

使用Ember.Select，我成功渲染下拉菜单

{{view Ember.Select
     content=businessType.acceptableValues
     optionLabelPath="content.name"
     optionValuePath="content.value"
     prompt=businessType.prompt
}}

从模型中提取数据的控制器如下所示：

businessType: function(){
        var content = this.get('content');
        return content.get(10);
    }.property('content')

我无法弄清楚如何设置所选值。我已经尝试将值设置为content.value，我已经尝试了selectionBinding = content.value，但没有任何对我有用。我不明白这一点。

由于

Answer 1

查看http://emberjs.com/api/classes/Ember.Select.html文档。

它说：

Ember.Select中所选内容的value属性可以绑定到另一个对象的属性：
App.ApplicationController = Ember.Controller.extend({
  programmers: [
    {firstName: "Yehuda", id: 1},
    {firstName: "Tom",    id: 2}
  ],
  currentProgrammer: {
    id: 2
  }
});

{{view Ember.Select
       content=programmers
       optionValuePath="content.id"
       optionLabelPath="content.firstName"
       value=currentProgrammer.id}}
通过选择第一个选项与渲染元素进行交互（'Yehuda'）将更新currentProgrammer的id以匹配该值新选择的财产。

所以你只需要将一些现有的对象属性绑定到Ember.Select value。

Ember.Select - 选定的值

1 个答案: