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

【问题标题】：How do I display a button only when a row is selected in Angular仅当在 Angular 中选择一行时如何显示按钮
【发布时间】：2021-12-15 15:57:01
【问题描述】：

我在表格中添加了一个额外的列，以便按钮从表格中导出一行。我正在尝试使该按钮仅针对所选行显示。（当您没有选择任何行时，没有用于导出该行的按钮，但是当您选择了一行时，有一个用于导出所选行的按钮，但仅在您选择的行上）。我一直在尝试使用 ngif，但对 angular 不熟悉，因此无法找到解决方案。

** HTML 代码：**

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

【问题讨论】：

您能补充一些细节吗？添加打字稿代码也会有所帮助，因为我们不知道所选行是如何决定的。
您使用了一个名为的变量，例如"selectedIndex" 获取所选行的值，如果没有选择行，则为 -1。如果你使用 *ngFor 使用索引，那么在行中你有 (click)="selectedIndex=selectedIndex==i?-1:i" 和 *ngIf 使工作显示按钮或不显示按钮

标签： html angular angular-ng-if ngx-datatable

【解决方案1】：

试试下面的代码：

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;

}

【讨论】：