Ember.js 将复选框设置绑定到EmberJS中的数组内容

Ember.js 将复选框设置绑定到EmberJS中的数组内容,ember.js,Ember.js,我在EmberJS应用程序中有一组复选框。我希望在控制器中维护一个与复选框对应的属性(例如,包含一个字符串条目,其中包含每个选中框的id)。当复选框被选中或取消选中时,此属性应自动更新。执行此操作的最佳方法是什么?计算属性可以 F.e 谢谢你,尤里。我发现当我实现这一点时,我的模板只呈现一个复选框,对应于checkboxValues数组中的最后一个对象。知道怎么了吗?好的我解决了问题。。。在定义对象时,不将括号与CoffeeScript一起使用的奇怪效果。谢谢 App.MyController

我在EmberJS应用程序中有一组复选框。我希望在控制器中维护一个与复选框对应的属性(例如,包含一个字符串条目,其中包含每个选中框的id)。当复选框被选中或取消选中时,此属性应自动更新。执行此操作的最佳方法是什么?

计算属性可以

F.e


谢谢你,尤里。我发现当我实现这一点时,我的模板只呈现一个复选框,对应于checkboxValues数组中的最后一个对象。知道怎么了吗?好的我解决了问题。。。在定义对象时,不将括号与CoffeeScript一起使用的奇怪效果。谢谢
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}}