CODEWITHSUNDEEP
angulartypescript
Sumail Darchinyan
Sumail Darchinyan

Reputation: 13

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

#code

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

Upvotes: 1

Views: 766

Answers (1)

Steve Holgado
Steve Holgado

Reputation: 12081

You can use matTooltipDisabled for this:

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

Upvotes: 1

Related Questions