Question

我想创建一个表，通过单击表格的一行，应该会出现一个弹出窗口（显示简单的div）。现在弹出窗口显示在他的表格下面。如何使用Angular和Bootstrap单击该行下方显示的弹出窗口？

<table>
  <thead>
    ...
  </thead>
  <tbody>
    <ng-container =ngFor="...">
      <tr (click)="showPopUp()">
        ...
      </tr>
    </ng-container>
  </tbody>
</table>
<app-popup-component>...</app-popup-component>

Answer 1

您必须将* ngFor指令放入tr HTML元素中，如下所示：

<ng-container >
  <tr =ngFor="let row of rows" (click)="showPopUp()">
    ...
  </tr>
</ng-container>

一旦完成，你可以将好的CSS添加到pop中，它应该在每一行中都很好地显示

弹出桌子下面的行

1 个答案: