How to use mattooltip?

Viewed 67

How can I use mattooltip for here? It does not work.

 <div class="btn-edit-nounderline" matTooltipClass="custom-tooltip" 
 (click)="edit(row.widgetAccess)"  title=" 
 {{getTitle(row.widgetAccess.widgets.length)}}">

.custom-tooltip {
background-color:pink;
}

in ts file i have:

import { MatTooltipModule } from 

'@angular/material/tooltip/tooltip-module';

@NgModule({
 imports: [
 
 MatTooltipModule

]

})

getTitle(editWidgetsNum) {

return this.translate.instant('Edit_WidgetsNum', {n: editWidgetsNum});

}

2 Answers

material tooltips need the matTooltip property set. It will not work with title.

<button mat-raised-button
        matTooltip="Info about the action"
        aria-label="Button that displays a tooltip when focused or hovered over">
  Action
</button>

Source

Related