Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/cmake/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在angular 2中单击行时如何隐藏和显示另一个表?_Angular - Fatal编程技术网

在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的行)