javascript - 使用 Ember 动态创建输入(并检索其值)

Question

我正在前端使用 Ember.JS，需要能够根据我的模型创建 x 个输入复选框。基本上我想做一些类似的事情:

{{#each model}}
    {{input type="checkbox"}}
{{/each}}

虽然这工作得很好，但我不确定如何在提交时从 Controller 检索 x 复选框的值。如果只是一个，我可能会说:

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

但我不确定如何枚举这些输入，以便我可以说:

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

理想情况下，我希望能够将检查的值检索到数组中。这有可能吗？或者有我忽略的更好的解决方案吗？谢谢!

Answer 1

您可以使用 Em.compulated.filterBy 来获取所选对象的值。

App.ApplicationController = Ember.ArrayController.extend({
  content: [
      { name: "Michael" },
      { name: "Bala" },
      { name: "Velmurugan" },
      { name: "raja" }
  ],
  selectedContacts: Em.computed.filterBy('content','isSelected')
});

<script type="text/x-handlebars" id="application">
    <ul class="list-unstyled">
    {{#each content}}
        <li>
        <div class="checkbox">
            <label>
              {{input type="checkbox" checked=isSelected}} {{name}}
            </label>
          </div>
        </li>
    {{/each}}
    <ul>
    Selected Contacts:
   <ul>
    {{#each selectedContacts}}
        <li>  {{name}}</li>
    {{/each}}
    <ul>

 </script>

此处示例 fiddle