如何使用md-tooltip与包含断行的文本（\ n）Angular

Question

我在运行角度js的前端工作，我遇到md-tooltip问题。

在我的HTML中：

<md-tooltip>{{ item }}</md-tooltip>

并且项目文本是一个包含\n的字符串，以包含字符串中断行（val tooltipText: String = "1. do this \n 2. do that"），但我没有得到断行效果，为什么会这样？

谢谢

Answer 1

您应该使用id Vote1 Vote2 Vote3 Winner 123 Positive Negative Positive Positive 223 Positive Negative Neutral Positive 323 Positive Negative Negative Negative 423 Positive Positive Positive ，因为您设置为<br/>的文字会分隔到多个md-tooltip。

此外，您必须更改班级span，因为它的高度属性设置为md-tooltip我们可以将其更改为22px;

auto

Live Example （选中插入云端硬盘复选框，查看带有分隔线的工具提示）。

Answer 2

您可以在自定义类上使用white-space: pre-line;，而不是将<br />放在文本中