directives

truncate

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

using

<span truncate truncateSize="200" truncateText="Text for tooltips" >{{ value }}</span>