將複選框設置綁定到EmberJS中的數組內容

Question

我在EmberJS應用程序中有一組複選框。我想在控制器中保留一個屬性，這個屬性對應於選中的框（例如，包含一個帶有每個選中框的ID的字符串條目）。該屬性應該在框被選中或未選中時進行更新。做這個的最好方式是什麼？

Answer 1

計算屬性會做

F.e.

App.MyController = Em.ObjectController.extend({ 

    checkboxValues : [Em.Object.create({id:1, check:false}), Em.Object.create({id:2, check:true})], 

    checkedIds : function() { 
    return this.get('checkboxValues').filterBy('check').mapBy('id').join(','); 
    }.property('checkboxValues.@each.check') 

}); 

//template 

{{#each checkboxValues}} 
    {{id}} {{input type="checkbox" name="checkbox" checkedBinding="check"}} 
{{/each}} 

{{checkedIds}}