如何使用Ember.Select绑定在内容中不存在的选择框中的值

Question

我在Ember.Select的内容数组中有一个值列表。所选择的值可以存在或可以不存在于内容中。但如果内容中没有显示，则必须显示所选值。

有关详细信息，请查看此jsbin

如果我点击＆＃34; setColorWithNewValue＆＃34;，它会将colorObj设置为colorArray中不存在的新值。当我点击＆＃34; alertValue＆＃34;按钮它显示ColorObj中的值，但它没有在选择框中选择。

Answer 1

所选对象也需要在选择中。

当您致电setColorWithNewValue时，只需将新对象推送到colorsArray并将引用设置为colorObj。

setColorWithNewValue: function() {
    var newObject = { 'name': 'White', 'value': '5'};
    this.get('colorsArray').push(newObject);
    this.set('colorObj', newObject);
}

或不更改colorsArray

mergedArray: function(){
    var arr = new Ember.A(this.get('colorsArray'));
    arr.push(this.get('colorObj'));
    return arr;
}.property('colorObj', 'colorsArray.@each')

将合并数组传递给选择字段。

同时查看Ember.Array和Ember.Object。 Ember扩展了原生的Objects和Arrays。