emberjs綁定與散列

Question

夥計們可以幫助我。 這裏是我有什麼， Ember binding with only an hash

這裏是模板，

<script type="text/x-handlebars"> 
{{#each Page.PageController.content.tasks}} 
{{#view Page.PageView contentBinding="this"}} 

{{#unless editing}} 
<div> 
    <h2>{{title}}</h2> {{view Ember.Checkbox checkedBinding="editing"}} 
</div> 
{{/unless}} 

{{#if editing}} 
<div> 
    <h2>{{view Ember.TextField valueBinding="title"}}</h2> 
    {{view Ember.Checkbox checkedBinding="editing"}} 
</div> 
{{/if}} 

{{/view}} 
{{/each}}  
</script>​ 

這裏是JS，

Page = Ember.Application.create(); 
Page.PageController = Ember.ObjectController.create({ 
    content: { 
     tasks: [ 
      { 
      title: 'Heading', 
      editing: false}, 
     { 
      title: 'Heading', 
      editing: false} 
     ] 
    } 
}); 

Page.PageView = Ember.View.extend({ 
    edit: function() { 
     var content = this.getPath('content'); 
     content.set("editing", true); 
    } 
});​ 

的問題是，我可以綁定一個普通的布爾舊的散列與視圖Ember.Checkbox，但我怎麼能做到這一點的鏈接操作？

Answer 1

您需要使用Ember Objects不是純哈希爲綁定在你需要改變你的代碼如下

Page.PageController = Ember.ObjectController.create({ 
content: Ember.Object.create({ 
    tasks: [ 
     Ember.Object.create({ 
     title: 'Heading', 
     editing: false 
     }), 
     Ember.Object.create({ 
     title: 'Heading', 
     editing: false 
     }) 
    ] 
    }) 
}); 

讓我知道，如果這有助於在上面的例子中正常工作...

更新
Fiddle