IDに基づいて行を切り替えます - 角度4

Question

私はテーブルを持っています。私はいくつかの行をクリックすると、その行のいくつかの情報を使って別の行を表示したいと思います。私はそれを切り替えることができるようにする方法を知っていないだけでなく、複数のサブ行を開くことができるようにする。どうにか私は行IDに基づいてトグルを有効にする必要がありますが、これは私が思いついたものですが、必要なように実際には機能しません。

<ng-container *ngFor=" let fields of mf.data; let i = index"> 
    <tr> 
    <td (click)="expandCompareRow(i)">Something</td> 
    <td>Something</td> 
    </tr> 

    <tr *ngIf="compareRowExpanded == i && expandedRow"> 
    <td>Something</td> 
    <td>Something</td> 
    </tr> 
    </ng-container> 

    TS: 
    expandCompareRow(index) { 
     this.compareRowExpanded = index; 
     this.expandedRow = !this.expandedRow; 
     } 

これは、行を開きますが、私は別のものを開きたいとき、それは最初に既に開かれている行を閉じ、その後、私はこの行を開くために、再度クリックする必要があります。

Answer 1

お持ちの場合はあなたもこの方法

<td (click)="fields.expanded = ! fields.expanded">Something</td>