2016-07-12 4 views
0

문제 : 각각에 링크가있는 표가 있습니다. 각 행의 첫 번째 셀에 토글하기위한 체크 박스가 있어야합니다. 체크 박스를 표시 할 수는 있지만 체크 할 수는 없습니다.# {{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

+0

왜 '{{link-to}}'에 넣었습니까? –

+0

:)) 상사가 잘못되었습니다. '{{link-to}}'는 링크를 만드는 것입니다. 다른 것을 원한다면 다른 것을 사용해야합니다. –

+0

클릭 행에서 작업을 원하십니까? –

답변

1

구성 요소로 분리해야합니다.

this twiddle

+0

감사합니다. 그것은 좋은 해결책입니다. 그러나 나는 그것을 얼마나 많은 수의 항목과 함께 배열로 구현할 것인가? 데이터베이스의 항목과 비슷합니까? 같은 것? –

+0

그냥 프로덕션에서 그것을 시도하고 작동합니다. 결국 구성 요소를 앞뒤로 끝내고 컨트롤러에서 동작을 사용했습니다. 그래서 그것은''입니다. 나는 아직도 Ember 1.10이라고 언급 했어야했다. 슬프게도 많은 멋진 것들을 부끄러워합니다. 명확한 예를 제공하는 데 큰 도움이됩니다! –

+0

@ D.Breen Cool. 축하 –