如何将复选框添加到＃{{link-to}}助手中

Question

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

<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