javascript - Ember.js:选中复选框

Question

如果我迭代值以创建可变范围的复选框，如何获取已选中的复选框？

哈佛商学院:

<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

为了跟踪复选框是否被选中，您需要绑定(bind) checked属性到 Controller 上的属性。
在下面的示例中，复选框将绑定(bind)到 isChecked 属性。

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

在您的情况下，您正在循环数组，执行此操作的方法是设置 itemController在 ArrayController 上。
itemController 将为 ArrayController 中的每个项目维护 isChecked 状态。然后，您就可以过滤要检查的项目的 ArrayController。

我在这里创建了一个带有示例的垃圾箱:http://emberjs.jsbin.com/vutezo/1/edit