如果按钮在角度中被禁用，则禁用工具提示文本答案

【问题标题】：Disable tooltip text if button is disabled in angular如果按钮在角度中被禁用，则禁用工具提示文本
【发布时间】：2020-10-26 21:13:45
【问题描述】：

我是 UI 新手，我对我的 Angular 应用程序有要求，我的按钮将在某些条件下启用和禁用。我想仅在启用按钮时显示工具提示，我可以更改启用/禁用按钮上的光标类型，但想知道如何仅在启用按钮时启用工具提示文本，下面是我的代码。

<button ejs-button type="button" (click)="formulabuilder(data) [attr.disabled]="data.disable==true?'':null"  
        title="Formula Builder" class="formula_builder_btn">
    <mat-icon role="img" class="mat-icon material-icons mat-icon-no-color"> apps</mat-icon>
</button>

.formula_builder_btn:disabled {
  cursor: default;
}

.formula_builder_btn{
  cursor: pointer;
}

我做错了吗？我怎样才能做到这一点。

【问题讨论】：

ej2.syncfusion.com/angular/documentation/tooltip/how-to/… - 这有帮助吗？这个想法是给工具提示一个与给按钮的条件相同的 if 条件。将 disabled 属性动态添加到工具提示中，并赋予按钮相同的条件

标签： javascript html css angular syncfusion

【解决方案1】：

可以有条件地添加标题

<button ejs-button type="button" title="{{ data.disable? '' : 'Formula Builder'}}">

【讨论】：

最好使用"null" title="{{data.disable?null:'Formula Builder'}}" -如果使用null，则属性没有渲染-

【解决方案2】：

我们已经检查了您报告的要求，我们可以使用 CSS 样式来满足您的要求。我们通过 CSS 将禁用元素（按钮）的指针事件设置为无。请参考代码sn-ps。

.e-btn:disabled { 指针事件：无； }

我们在此基础上准备了一个示例供您参考，请参考以下链接。

链接：https://stackblitz.com/edit/angular-zcgd11-qjzzns?file=app.component.css

如果您需要任何进一步的帮助，请告诉我们。

问候，莫汉库马尔R

【讨论】：