Angular Material matTooltip 折线元素答案

【问题标题】：Angular Material matTooltip break line elementsAngular Material matTooltip 折线元素
【发布时间】：2020-10-02 21:31:31
【问题描述】：

我正在使用 Angular 7 和 Angular 材质 matTooltip。

我希望工具提示显示下一行中的每个元素，如下所示：

但是，我却得到了这个：

我每行有 3 个元素，我不希望这样。我想要一个元素/行。

我的代码如下：

app.component.ts

items=['15-09-2020: 200','16-09-2020: 200','17-09-2020: 200', '18-09-2020: 200'];
newItems = this.items.join("\r\n");

app.component.html

<div class="col col-sm-2" matTooltipPosition="after" matTooltip="{{ items}}"></div>

检查这个不适合我的例子：

【问题讨论】：

【解决方案1】：

我已经在我的项目中使用&#13;&#10;修复了这个问题

所以，你需要做的是：

newItems = this.items.join("&#13;&#10;");

另外一件事，你需要改变这个：

matTooltip="{{ items}}"

到这里：

[matTooltip]="items"

【讨论】：