2017-02-09 3 views
1

확장 가능한 행이있는 테이블이 있고 부모 행을 클릭하면 확장 된 행을 채울 필요가 있습니다. I는 다음과 같은 용액을 사용하여 시도 : WebStorm 제외각도 2 * ngFor 여러 테이블 행

<template ngFor let-row [ngForOf]="rowsArray"> 
<tr class="parent-row-class"> 
    <td> //content </td> 
</tr> 
<tr class="expandable-row-class"> 
    <td> //display when top row clicked </> 
</tr> 

잘못되었다는 같은 구문을 신고를 코드의 문제점은 다음 행이어서 열면

  1. 는 행을 열 수 10 클릭 한 행 아래의 행
  2. 행을 몇 개로 제한하면 위의 행이 열리면 일부 행이 사라질 수 있습니다. 첫 번째 및 두 번째 행 만 남을 때까지 계속 진행할 수 있으며 첫 번째 확장 가능 행에도 콘텐츠가 포함됩니다.

지난 몇 달 동안이 구문이 변경되었거나 이러한 문제 중 하나 또는 둘 다를 처리하는 다른 방법이 있습니까?

미리 감사드립니다.

+2

구문은 변경되지 않았지만 'ng-container'를 사용하면 내용을 정리하는 데 도움이되는지 확인하십시오. 이 질문은'ng-container'와'template'의 차이에 대한 좋은 개요입니다. http://stackoverflow.com/questions/40529537/ng2-difference-between-ng-container-and-template-tags –

답변

1

<template>에서 <ng-container>으로 변경하면 문제를 해결하는 데 매우 중요합니다. 제안을 위해 @Christopher Moore에게 감사드립니다.