javascript - 将选中的复选框绑定(bind)到 Ember.js 中的数组属性

Question

我有一个带有一些输入字段和复选框的表单。路线如下所示:

SharedContentNewRoute = Ember.Route.extend
  setupController: (controller) ->
    content = @modelFor("content")
    controller.set('content', @store.createRecord('shared_content'))
    controller.set('handles', @store.find("handle"))

shared_content 模型有一个 handle_ids 数组属性，需要用选中的复选框的 ID 填充。用于填充复选框(可用句柄)的模板在 shared_content/new 模板中定义:

...
{{#each handles}}
  <div class="checkbox">
    {{input type="checkbox" id=id}}
    <label {{bind-attr for="id"}}>{{data.name}}</label>
  </div>
{{/each}}
...

问题是在保存模型之前，我需要获取选中的复选框 ID 并将它们放入 shared_content 模型(这是此模板的模型)的 handle_ids 属性中。这种绑定(bind)有好的解决方案吗？

Answer 1

看看这个

http://emberjs.com/guides/getting-started/show-when-all-todos-are-complete/ http://emberjs.com/guides/getting-started/toggle-todo-editing-state/

这可能对你有帮助，当一个复选框被选中时你可以在你选中一个复选框时执行一个函数，你可以在你的 Controller /路由器上创建一个对象并在那里保存复选框信息