Ember.js：獲取選中的複選框

Question

如果我通過迭代值來創建可變範圍的複選框，如何獲取已選中的複選框？

HBS：

<ul> 
{{#each item in model}} 
    <li><label>{{input type="checkbox"}} {{item}}</label></li> 
{{/each}} 
</ul> 

路線：

App.IndexRoute = Ember.Route.extend({ 
    model: function() { 
    return ['red', 'yellow', 'blue']; 
    }, 
    actions: { 
    iHaveSelected: function() { 
     // Get checked items 
    } 
    } 
}); 

http://emberjs.jsbin.com/tucoka/1/edit

Answer 1

爲了跟蹤如果一個複選框被選中你需要的checked屬性綁定到一個屬性在控制器上。
在下面的示例中，複選框將綁定到isChecked屬性。

{{input type="checkbox" checked=isChecked}} 

你的情況，你遍歷數組，這樣做將是對ArrayController設置itemController的方式。
itemController將保留ArrayController中每個項目的isChecked狀態。然後，您可以篩選檢查項目的ArrayController。

我在這裏創建了一個bin示例：http://emberjs.jsbin.com/vutezo/1/edit