Рендеринг HTML-содержимого в MatToolTip (Angular)

Question

Я хочу выделить некоторое содержимое во всплывающем окне. Но не интерпретируется, а отображается среди содержимого

Есть ли другой способ, оставляя 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

Answer 1

Я думаю, что родные подсказки Angular Material не позволяют HTML-код, поэтому я предлагаю вам использовать другого провайдера для подсказок, есть много тех, кто разрешает HTML-код, например, ng-bootstrap или tippy.js

Я лично предлагаю вам использовать Tippy.js, вот ссылка, где вы можете увидеть, как использовать HTML-код на нем.

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

Надеюсь, это поможет вам.