Как я могу настроить [matToolTip], чтобы он мог отображать \ r и \ n, которые находятся в содержимом

Question

Я использую matToolTip для предоставления информации о странице.Описание включает в себя несколько строк.Так как же использовать \ r и \ n для отображения содержимого в отдельных строках

Я пытался

::ng-deep .matTooltip{
 white-space:pre-line;
 }

, но он не работал

это кнопка, которая использует matTooltip

 <button  [matTooltip]="definition|translate"  mat-button class="define"  [disabled]="!isAvailable" >
        <mat-icon>help_outline</mat-icon>
        <span> help</span>
  </button>

содержимое отображается как

this page contains the ongoing projects\r\n\r Please note the reference number to apply and send a mail