Asaf的答案非常适合我。Angular 14

matTooltip="Component: Test 
Last updated date: 2023-01-17T09:17:02.753Z"

Mattooltip

我已经在我的项目中使用
修复了这个问题
因此，您需要做的是：

newItems = this.items.join("
");

还有一件事，你需要改变这个：

matTooltip="{{ items}}"

对此：

[matTooltip]="items"

来源：https://www.angularjswiki.com/material/tooltip/
对于那些希望在工具提示中有隔断线的人来说，这有点晚了，你可以在全局CSS中创建一个自定义类，然后用"matTooltipClass"添加这个类。

• • 超文本标记语言**

<button mat-raised-button
    matTooltip="Multiline Tooltip &#13; This is second line"
    matTooltipClass="multiline-tooltip">
    Multiline tooltip
</button>

• • 全球CSS**

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

您也可以添加您的特定组件，您应该添加

encapsulation: ViewEncapsulation.None

到您的 * 组件. ts *

@Component({
  selector: 'app-tooltip',
  templateUrl: './tooltip.component.html',
  styleUrls: ['./tooltip.component.scss'],
  encapsulation: ViewEncapsulation.None
})
export class TooltipComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

https://siderite.dev/blog/styling-angular-material-tooltips.html/
希望这能帮助到其他人