角度材质 – 如何将工具提示添加到禁用按钮
发布时间:2020-12-17 06:56:59 所属栏目:安全 来源:网络整理
导读:我注意到指令matTooltip不能用于禁用按钮.我怎样才能实现它? 例: button mat-raised-button [disabled]="true" matTooltip="You cannot delete that" mat-icondelete/mat-icon/button 对于启用的按钮,它可以完美运行: button mat-raised-button [disabled
我注意到指令matTooltip不能用于禁用按钮.我怎样才能实现它?
例: <button mat-raised-button [disabled]="true" matTooltip="You cannot delete that"> <mat-icon>delete</mat-icon> </button> 对于启用的按钮,它可以完美运行: <button mat-raised-button [disabled]="false" matTooltip="You cannot delete that"> <mat-icon>delete</mat-icon> </button> 解决方法
这不起作用,因为它是由mouseenter事件触发的,大多数浏览器都没有为禁用的元素触发它.解决方法是将matTooltip添加到父元素:
<div matTooltip="You cannot delete that" [matTooltipDisabled]="!isButtonDisabled()"> <button mat-raised-button [disabled]="isButtonDisabled()"> <mat-icon>delete</mat-icon> </button> </div> 上面的示例假定有一种方法可以确定是否应该启用该按钮.通过使用matTooltipDisabled,仅当按钮被禁用时才会显示工具提示. 参考文献: > https://github.com/angular/material2/issues/5040 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |