只显示点击查看

Question

我有这样的模板（部分）：

​​

这是隐藏一个toogleElement()并展示了一些数据：

toggleElement(){ 
     if(this.hideElement) { 
      this.hideElement = false; 
     }else{ 
      this.hideElement = true; 
     } 

现在，当我以后每次按смотр.行打开一个新的形式

<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.S.对不起我的英语不好。

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>