html - 在matToolTip(Angular)中渲染HTML内容

Question

我想在弹出窗口中加粗一些内容。但是不被解释而是被显示在内容之中

还有什么其他方法，可以让matToolTip在Angular中悬停时提供弹出窗口

 <button [matTooltip]="help|translate"  type="button"  mat-button class="button-save" [disabled]="!isInfoAvailable">
          <mat-icon>help_outline</mat-icon>
        </button>

预期产量

名迈克

姓氏 ross

实际产量

<b>firstname <\b> mike <\n>
<b>lastname <\b> ross

Answer 1

我认为 native Angular Material Tooltips不允许HTML代码，因此我建议您使用其他提供者作为Tooltips，其中很多人都允许ng-bootstrap或tippy.js之类的HTML代码。

我个人建议您使用Tippy.js，这里是您可以查看如何在其上使用HTML代码的链接。

https://atomiks.github.io/tippyjs/#html-content

希望对您有帮助。