＃{{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