外部提供的HTML用于ng-bootstrap popover

Question

Bootstrap Popover组件的Angular版本在https://ng-bootstrap.github.io/#/components/popover/examples中描述。在popover中使用HTML的示例是：

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

如果您在HTML中指定HTML格式，这很好，但如果您从TypeScript方法提供HTML，则无效，例如从服务器导入HTML：

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

HTML代码显示在popover中。如果文档提供了这样的例子，那将是件好事。

Answer 1

以下代码允许您使用TypeScript方法提供的HTML代码：

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