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