我想创建一个表,通过单击表格的一行,应该会出现一个弹出窗口(显示简单的div)。现在弹出窗口显示在他的表格下面。如何使用Angular和Bootstrap单击该行下方显示的弹出窗口?
<table>
<thead>
...
</thead>
<tbody>
<ng-container =ngFor="...">
<tr (click)="showPopUp()">
...
</tr>
</ng-container>
</tbody>
</table>
<app-popup-component>...</app-popup-component>
答案 0 :(得分:0)
您必须将* ngFor指令放入tr HTML元素中,如下所示:
<ng-container >
<tr =ngFor="let row of rows" (click)="showPopUp()">
...
</tr>
</ng-container>
一旦完成,你可以将好的CSS添加到pop中,它应该在每一行中都很好地显示