灰燼值組件沒有約束力

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