这是我的按钮:
<div class="top-left">
<button [disabled]="receiptItems?.length>0" type="button" data-tooltip="tooltip" title="Show tooltip!" class="btn xbutton-square" [routerLink]="['/administration']"><i class="fas fa-bars fa-fw"></i></button>
</div>
因此,如果它被禁用,我想显示一个工具提示,以便用户可以查看为什么被禁用。我想知道如何实现这一目标?
谢谢你们
干杯
最佳答案
使用[attr.title]
,然后像在if
中一样使用else
[disabled]
<button [disabled]="receiptItems?.length>0" [attr.title]="receiptItems?.length>0 ? 'Show tooltip!' : ''">...</button>
编辑!
用
[title]
代替[attr.title]
也可以!