我想在弹出窗口中加粗一些内容。但不是被解释而是被显示在内容之中
有没有其他方法，让 matToolTip 在 Angular 中悬停时提供弹出窗口
<button [matTooltip]="help|translate" type="button" mat-button class="button-save" [disabled]="!isInfoAvailable">
<mat-icon>help_outline</mat-icon>
</button>
预期输出
名字迈克
姓罗斯
实际输出
<b>firstname <\b> mike <\n>
<b>lastname <\b> ross
【问题讨论】：
我认为原生 Angular Material Tooltips 不允许 HTML 代码，所以我建议您使用其他提供工具提示的提供商，有很多允许 HTML 代码的提供商，例如 ng-bootstrap 或 tippy.js
我个人建议你使用 Tippy.js，这里是你可以看到如何使用 HTML 代码的链接。
https://atomiks.github.io/tippyjs/#html-content
希望对你有帮助。
【讨论】：
如果您需要对整个工具提示进行简单的自定义（更改背景颜色、颜色、字体大小...），您可以阅读this post，否则您可以阅读此答案⬇️
类似的帖子已经存在：Angular 2 Material tooltip with HTML content in angular
您正在寻找的是弹出框。如前所述，它现在不存在，工具提示也不可能。
来自 Angular 成员团队 @jelbourn 的回答：
在设计工具提示时，我们故意决定不支持 这。 Material Design 规范只对文本进行了规定 出现在工具提示中。丰富的内容也对 a11y。
来源：https://github.com/angular/components/issues/5440#issuecomment-313740211
您可以找到弹出框here的功能请求。
在 Material 团队正式发布之前，您可以使用替代方案。下面是一些例子：
【讨论】：