在angular 2中单击行时如何隐藏和显示另一个表?
没有第三方图书馆的任何建议。 我尝试在下面的代码中显示/隐藏我的表中的在angular 2中单击行时如何隐藏和显示另一个表?,angular,Angular,没有第三方图书馆的任何建议。 我尝试在下面的代码中显示/隐藏我的表中的 在my html中的my中: <tr *ngFor="let new of RESULTDATA;let i = index"> <td ngIf="i==SelectedIndex"><input type="textbox"></td> 我想在下面(而不是旁边)显示几行,其中一行在我的表中被选中。给我一些建议让我们试试这个: <tr *ngFor="let n
在my html中的my中:
<tr *ngFor="let new of RESULTDATA;let i = index">
<td ngIf="i==SelectedIndex"><input type="textbox"></td>
我想在下面(而不是旁边)显示几行,其中一行在我的表中被选中。给我一些建议让我们试试这个:
<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
通过这样做,单击按钮将隐藏所有其他行。u可以尝试使用引导程序。如何才能,即我没有获得静态表和静态行我应该初始化
indexOfClickedRow=0
no,只需声明它,如indexOfClickedRow:number
如果我没有声明indexOfClickedRow=0
`处于隐藏模式否,如果你没有声明它,你会有一个错误,说indexOfClickedRow是未知的。如果将其初始化为0,那么它将只显示第一行(因为如果它等于0,那么它将只显示i=0的行)