angular 2 material matTooltip 多行

Question

我是 Angular 2 Material 的新手。制作多行工具提示的首选方法是什么？

例如，我可能有以下工具提示:

AA BBBBBBBBBB CCCC DDDDD

而且，我可能希望它以这样的多行格式显示:

AA BBBBBBBBBB 
CCCC 
DDDDD

Answer 1

首先，为您的工具提示创建一个类，使其在换行符处换行。

.my-tooltip {
    white-space: pre-line;
}

然后，将类添加到您的工具提示并使用 Unicode 代码插入换行符

<span 
    matTooltip="First line&#13;Second line"
    matTooltipClass="my-tooltip">
</span>