如何仅在 Angular 中选择一行时显示按钮

How do I display a button only when a row is selected in Angular

我在 table 中添加了一个额外的列,用于从我的 table 中导出一行的按钮。我试图做到这一点,以便只为选定的行显示该按钮。 (当您没有选择任何行时,没有用于导出该行的按钮,但是当您选择了一行时,有一个用于导出所选行的按钮,但仅在您选择的行上)。我一直在尝试使用 ngif,但我是 angular 的新手,所以一直无法找到解决方案。

** HTML 代码:**

<button type=“button” class=“btn” (click)=export()>Export</button>

试试下面的代码:

HTML:

<button *ngIf="selected" type=“button” class=“btn” (click)=export()>Export</button>

TS:

Selected:Boolean=false;

selecteddrow(){
//some condition to for selecting the row.
this.selected=true;

}