如何将复选框添加到#{{link-to}} Helper

Question

问题： 我有一个 table 和一个 link-to 在每个。我希望每一行的第一个单元格都有一个严格用于切换的复选框。我可以显示复选框，但我无法让我检查它。

<table class="table table-hover">
  <thead>
    <th></th>
    <th>Things</th>
    <th>Stuff</th>
<th></th>
   </thead>
  <tbody>
  {{#each myArr as |item|}}
          {{#link-to 'application' tagName='tr' }}
      <td><input type="checkbox"></td>

      <td>{{item}}</td>
      <td> Something</td>

          {{/link-to}}
  {{/each}}
  </tbody>
</table>

我不想去的路线
复选框需要切换
复选框不需要保存值（可以在页面刷新时销毁）
使用 {{input}} 助手没有区别

我有一个小游戏https://ember-twiddle.com/bc53d499687ad8bdc902be5cd7d77f48

Answer 1

您需要分离成组件。

请看this twiddle

如何将复选框添加到#{{link-to}} Helper

How do I add a Checkbox into a #{{link-to}} Helper

javascript

ember.js

htmlbars