如果以角度禁用按鈕，則禁用工具提示文本

Question

我是 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;
}

我做錯了什么嗎？ 我怎樣才能做到這一點。

Answer 1

您可以有條件地添加標題

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

Answer 2

我們已經檢查了您報告的要求，我們可以使用 CSS 樣式來實現您的要求。 我們已經通過 CSS 將禁用元素（按鈕）的指針事件設置為無。 請參考代碼片段。

<button ejs-button [isPrimary]="true" [disabled]="true" title="Formula Builder">主要

.e-btn:disabled { 指針事件：無； }

我們在此基礎上准備了一個樣本供您參考，請參考以下鏈接。

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

如果您需要任何進一步的幫助，請告訴我們。

問候， Mohan kumar R