只顯示點擊查看

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>