Предоставленный извне HTML-код для всплывающего окна ng-bootstrap

Question

Угловая версия компонента Bootstrap Popover описана в https://ng -bootstrap.github.io / # / components / popover / examples . Пример использования HTML в всплывающем окне:

<ng-template #popContent>Hello, <b>{{name}}</b>!</ng-template>

Это хорошо, если вы задаете форматирование HTML в HTML, но не работает, если вы предоставляете HTML из метода TypeScript, например, для его импорта с сервера:

<ng-template #popContent>{{getMyHtmlFromTheServer()}}</ng-template>

HTML-код отображается во всплывающем окне. Было бы хорошо, если бы в документации приводился такой пример.

Answer 1

Следующий код позволяет использовать HTML-код, предоставляемый методом TypeScript:

<ng-template #popContent><div [innerHTML]="getMyHtmlFromTheServer()"></div></ng-template>