断线工具提示角材料

Question

我想知道是否有人知道如何在角度材料组件"工具提示"中跳线

这是我的代码:

HTML:

<mat-icon 
   [matTooltip]="getMoreInformations()"
   matTooltipPosition="left">
   myIcon
</mat-icon>

TS:

getMoreInformations(): string {
   return 'Adress : ' + this.person.adress
      + ' \n  Tel : ' +  this.person.tel;
   }

\n和br不起作用(试过两者)

还试图像这样添加一个matTooltipClass:

HTML:

<mat-icon...
  matTooltipClass="test"
...

CSS:

.test {
  white-space: pre-line;
}

Answer 1

这是一个使用你的标记/代码的例子(工作正常) - stackblitz

为了使CSS工作,我不得不将类放在文件styles.css而不是组件样式表中.这取自willshowell对此问题的评论 - https://github.com/angular/material2/issues/8316

编辑:以下在组件样式表中工作

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

该文件建议::ng-deep已被弃用,但它仍然与最新版本的作品.