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