ngbPopover with html inside

邮差的信 提交于 2019-12-01 01:12:42

Yes, but you need to use <ng-template> element like so:

<ng-template #popContent>Hello, <b>{{name}}</b>!</ng-template>
<button type="button" class="btn btn-secondary" [ngbPopover]="popContent" popoverTitle="Fancy content">
  I've got markup and bindings in my popover!
</button>

Here is a working plunker: http://plnkr.co/edit/re1JbPmiF11Qm3Pf3BtW?p=preview

This is also documented on out demo page: https://ng-bootstrap.github.io/#/components/popover/examples

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!