如何在角度2單擊行時隱藏並顯示另一個表格？

Question

I want to do like this in angular 2

任何建議沒有第三方庫。 我嘗試了下面的代碼在我的表中顯示/隱藏<td>。

在我在我的html：

<tr *ngFor="let new of RESULTDATA;let i = index"> 
<td ngIf="i==SelectedIndex"><input type="textbox"></td> 

我想說明以下幾個行（不旁），其中排在我的表中選擇。給我的建議

Answer 1

讓我們試試這個：

<tr *ngFor="let new of RESULTDATA; let i = index;"> 
    <span *ngIf="i === indexOfClickedRow"> 
     <td><button (click)="indexOfClickedRow = i">click me</button></td> 
     <td><input type="text"/></td> 
    </span> 
</tr> 

而且不要忘了在你的組件聲明indexOfClickedRow。

通過這樣做，單擊按鈕將隱藏所有其他行。