將選中的復選框綁定到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屬性（這是此模板的模型）。 這種綁定有一個很好的解決方案嗎？

Answer 1

看看這個

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

這可能對您有所幫助，當選中復選框時，您可以在選中復選框時執行某個功能，您可以在控制器/路由器上創建一個對象並將復選框信息保存在那里

Answer 2

它需要這樣的工作:)

{{#view class="checkbox" tagName="span"}}
  {{input type="checkbox" checked=isSelected viewName="checkboxView"}}
     <label class="checkbox" {{bind-attr for="view.checkboxView.elementId"}}>
         {{data.name}}
      </label>
{{/view}}