灰烬值组件没有约束力

Question

我有被输入到一个组件

{{edit-general item=item}} 

此组件内的对象，你可以编辑一个数组的值。

{{#each value in item.values}} 
    <div class="input-field col s6 l6"> 
     {{input type='text' value=value}} 
    </div> 
{{/each}} 

但是，该值不会绑定。项目在组件内部发生变化，但是这种变化不会影响模型。

我该如何按照我想要的方式使这项工作？

JSBin：http://jsbin.com/modunewoca/31/edit?html,output

Answer 1

您不能绑定简单的字符串和对象，你需要包装成Ember.Object，允许绑定这一切。

function m(data) { 
    return Ember.Object.create({ 
    data: data 
    }); 
} 

var model = [Ember.Object.create({ 
    field: 'ethnicity', 
    values: [m('African American'), m('Asian'), m('Caucasian'), m('Hispanic'), m('Other')] 
}), Ember.Object.create({ 
    field: 'gender', 
    values: [m('Male'), m('Female'), m('Other'), m('Prefer not to disclose')] 
})]; 

{{#each item in model}} 
    <div><b>{{item.field}}</b></div> 
    {{#each value in item.values}} 
     <div>{{value.data}}</div> 
     <div>{{edit-general value=value.data}}</div> 
    {{/each}} 
    <br><br> 
    {{/each}} 

更新JSBin：http://jsbin.com/xebizeyedu/2/edit