如何仅在 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;
}
我在 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;
}