如何在 angular 中更改 ngbTooltip 中的工具提示值

Question

我正在为我的表单使用 ngbTooltip。目前我需要根据状态更改工具提示文本。

我的表单中有两种状态。我的状态是

element.checkinStatus = "待定"
element.checkinStatus = "批准"

根据以上状态，我需要更改工具提示内容。我试过。但是它不起作用。

 <button mat-stroked-button type="button" class="action-btn"
                                    ngbTooltip="{'PENDING' : element.checkinStatus=='pending','APPROVED' : element.checkinStatus=='approved'}"
                                    (click)="editCheckIn('edit',element)">
                                    <i class="fas fa-pencil-alt"></i>
                                </button>

如何动态地做到这一点。谢谢

Answer 1

你可以试试下面的方法

 [ngbTooltip]="{{element.checkinStatus=='pending' ? 'PENDING' : element.checkinStatus=='approved' ? 'APPROVED' : ''}}"

Answer 2

像这样尝试：

[ngbTooltip]="element.checkinStatus | uppercase"

如何在 angular 中更改 ngbTooltip 中的工具提示值

how to change tooltip value in ngbTooltip in angular

angular

ng-bootstrap