Подсказка для угловых материалов с поддержкой HTML

Question

Я просто хочу знать, есть ли какая-нибудь хорошая третья сторона angular material tool-tip plugin с поддержкой HTML?

Я использую Material design только с Angular 7 (без начальной загрузки)

Хотя я использую ng2-tooltip-directive и она полностью заполняет все мои потребности, но у нее есть некоторые проблемы, связанные с позиционированием подсказки в разных браузерах.

Любой другойпредложения, такие как

HTML не поддерживается во всплывающих подсказках к угловым материалам, и на данный момент они также не намерены его поддерживать

Answer 1

Я использовал SAT Popover для стилей подсказок. Вы можете назначить ему угловой компонент, и он будет отображаться по мере вашего стиля.

https://ncstate -sat.github.io / popover /

Answer 2

Вы можете использовать плагин всплывающей подсказки ng-bootstrap, в котором вы привязываете собственный пользовательский HTML в содержании всплывающей подсказки, см. Пример ниже:

https://ng -bootstrap.github.io / # / components / tooltip /примеры демо

<p>
  Tooltips can contain any arbitrary HTML, Angular bindings and even directives!
  Simply enclose desired content in a <code>&lt;ng-template&gt;</code> element.
</p>

<ng-template #tipContent>Hello, <b>{{name}}</b>!</ng-template>
<button type="button" class="btn btn-outline-secondary" [ngbTooltip]="tipContent">
  I've got markup and bindings in my tooltip!
</button>