Angular 带格式化内容的Bootstrap 4 Popover

这是一个角度为4的应用程序。我想做一个HTML格式的内容弹出窗口。查看文档和备忘单，我发现这样的示例：

<button type="button" class="btn btn-secondary" data-container="body"
    data-toggle="popover" data-placement="right"
    data-content="Vivamus sagittis lacus vel augue laoreet rutrum        faucibus.">
  Popover on right
</button>

右边的爆米花

popover内容包含在数据内容属性值中

我更希望通过ID引用包含格式化内容（包括标记/css）的部分。有其他方法吗？

您可以从中使用组件。如中所述，它允许在popover内容中包含HTML，该内容由

ng模板

元素提供

您可以在中看到一个示例

你好
{{name}}！
我的popover中有HTML！

这是有效的，因此我将把它标记为答案。然而，ng引导实现还有一些需要改进的地方。例如，如果您的弹出窗口靠近顶部边框，则通常会将其顶部部分截断。@AlanObject-弹出窗口的定位是主题。对该问题的评论提到了ng引导存储库中打开的。

<ng-template #popContent>
  <span style="color: red;">Hello</span>
  <span style="font-weight:bold;">{{name}}!</span>
</ng-template>
<button type="button" class="btn btn-secondary" [ngbPopover]="popContent" popoverTitle="Fancy content">
  I've got HTML in my popover!
</button>