单击复选框上的类切换复选框

Question

我正在关注official Ember guide。

在步骤Displaying a Model's Complete State上，以下代码应该切换班级completed：

  <ul id="todo-list">
    {{#each}}
    <li {{bind-attr class="isCompleted:completed"}}>
      <input type="checkbox" class="toggle">
      <label>{{title}}</label><button class="destroy"></button>
    </li>
    {{/each}}
  </ul>

但似乎没有任何事情发生。代码中的obvioius是错误的还是调试的 - 我该如何调试呢？

Answer 1

您应该使用{{input}}帮助器。例如：

{{input type="checkbox" name="isCompleted" checked=isCompleted}}

在这种情况下，isCompleted绑定到当前模型属性或计算属性（可能来自控制器，模型等）。

有关详细信息，请参阅本指南：http://emberjs.com/guides/templates/input-helpers/#toc_checkboxes