0
 <button
  [disabled]="(!dataConceptSummmaryFlag || dataConceptSummmaryFlag === false) && (!selectedLOBFlag || selectedLOBFlag === false) && (!adsListFlag || adsListFlag === false)"
  class="lmn-btn lmn-btn-primary"
  aria-label="Update"
  (click)="updateSelectedScopes()"
  [mtTooltip]="disabledContent"
 >
  Update
 </button>

   <ng-container *ngIf="(!dataConceptSummmaryFlag || dataConceptSummmaryFlag === false) && (!selectedLOBFlag || selectedLOBFlag === false) && (!adsListFlag || adsListFlag === false)">
       <ng-template #disabledContent>No New Scopes Values Selected</ng-template>
   </ng-container>

How can I display tooltip text on hover if button is disabled with the condition, also on I see red close icon when I hover over it. This is what i tried but it didn't work

Mitul Panchal
  • 143
  • 2
  • 13
  • 2
    Does this answer your question? [Angular Material - How to add a tooltip to a disabled button](https://stackoverflow.com/questions/48277909/angular-material-how-to-add-a-tooltip-to-a-disabled-button) – Nils Kähler Apr 18 '23 at 13:23
  • 2
    Disabled buttons don't receive any mouse events, that's why the tooltip is not showing when hovering the button. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled. See the linked question for approaches on how to fix it. – JSON Derulo Apr 18 '23 at 13:29
  • 2
    @NilsKähler Yes found the solution, added to parent element, working now thanks :) – Mitul Panchal Apr 18 '23 at 13:42

0 Answers0