만 표시 나는 (일부)이 템플릿을보기

Question

을 클릭 라인은 새로운 형태의

<tr [hidden]="hideElement" *ngFor="let new_var of list.hops"> 
        <td>{{ new_var.hop_type }}</td> 
        <td>{{ new_var.id_sl_hop }}</td> 
        <td>{{ new_var.hop_text }}</td> 
       </tr> 
     </tbody> 

을 열하지만 난이 양식은 모든 행을 거친 다음에 반복 해달라고되는 것 d 하나씩 만 엽니 다.

P. 내 영어로 미안해.

Answer 1

toggleElement(list){ 
    list.isVisible= !list.isVisible; 
} 

<tbody> 
    <template ngFor let-list [ngForOf]="lists"> 
     <tr> 
      <td>{{ list.name }}</td> 
      <td>{{ list.location }}</td> 
      <td>{{ list.type_id }}</td> 
      <td>{{ list.gos_prinad_id }}</td> 
      <td>{{ list.disloc_country_id }}</td> 
      <td>{{ list.adm_terr_id }}</td> 
      <td><a (click)="toggleElement(list)">смотр.</a></td> 
      <td>{{ list.lat }}</td> 
      <td>{{ list.lon }}</td> 
      <td>{{ list.alt }}</td> 
     </tr> 
     <tr [hidden]="!list.isVisible" *ngFor="let new_var of list.hops"> 
      <td>{{ new_var.hop_type }}</td> 
      <td>{{ new_var.id_sl_hop }}</td> 
      <td>{{ new_var.hop_text }}</td> 
     </tr> 
    </template> 
</tbody>