how to disable tooltip in angular based on condition

How do we implement conditional tool tip ? , for example I only wanna show tool tip if cellData[id].length>120 on a div element


<div matTooltip="Info about the action" class="{{cssCell}}">{{(cellData[id].length>120)? (cellData[id] | slice:0:120)+'..':(cellData[id]) }}</div>

>Solution :

You can use matTooltipDisabled for this:

  matTooltip="Info about the action"
  [matTooltipDisabled]="cellData[id].length <= 120"
  {{(cellData[id].length>120)? (cellData[id] | slice:0:120)+'..':(cellData[id]) }}

Leave a Reply