This is extension to matTooltip
Truncate directive checks the width of the element, and if a custom width has been defined, the element width will be changed.
The directive uses @angular/material npm install --save @angular/material @angular/cdk
<span truncate truncateSize="200" truncateText="Text for tooltips" >{{ value }}</span>