我希望知道是否有人知道如何在Angular Material组件“tooltip”中换行。
这是我的代码:
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;
}
white-space: pre
的解决方案对我有效。 - Tim Martens