如果在角度9模板中禁用了其工具按钮，则如何启用该工具提示

Question

bounty到期在7天内。该问题的答案有资格获得+ 100声望赏金。 Flame of udun想要引起更多关注来回答这个问题。

我有一个按钮，仅当按钮被禁用时，我才希望显示该工具的提示。这是按钮：

<button
    mat-icon-button
    #tooltip="matTooltip"
    matTooltip="Do X to create an account"
    [matTooltipDisabled]="...IDK"
    [disabled]="false"
    (click)="onAddAccountAction()"
>
<mat-icon>Add</mat-icon>
</button>

我不知道在[matTooltipDisabled]中应该使用什么标志/条件，以便当同一按钮的[disabled]属性为true时，不显示工具提示。

编辑

因此，我在组件文件中添加了一个属性（如下面的答案所建议），该属性应禁用或启用工具提示，但实际上，当禁用按钮时，工具提示始终处于禁用状态。我希望专门在禁用按钮时启用工具提示。

Answer 1

理想情况下，您具有一些属性，用于定义何时禁用按钮，在这种情况下，这应该是您所需要的：

假设属性为hasDisabledClick

<button
    mat-icon-button
    #tooltip="matTooltip"
    matTooltip="Do X to create an account"
    [matTooltipDisabled]="!hasDisabledClick"
    [disabled]="hasDisabledClick"
    (click)="onAddAccountAction()"
>
<mat-icon>Add</mat-icon>
</button>

然后，您的工具提示始终处于与元素相反的状态。

Answer 2

您需要用另一个div / span包围它。每当禁用某项功能时，与其连接的所有内容均将失效。

<span
    mat-icon-button
    #tooltip="matTooltip"
    matTooltip="Do X to create an account"
    [matTooltipDisabled]="...IDK"
>
<button
    [disabled]="false"
    (click)="onAddAccountAction()"
>
<mat-icon>Add</mat-icon>
</button>
</span>