如何在Angular4中添加html到popover

Question

我设法使用来自ngx-popover的PopoverModule在角度悬停时制作一个弹出窗口，这就是它的工作原理：

<a popover="hello" [popoverOnHover]="true"> popover</a> 

现在我需要将“hello”更改为html（添加图片，div ...） 我做了一些研究，我找到了这个例子

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

但它不起作用！有任何想法吗？

Answer 1

您

<a popover="hello" [popoverOnHover]="true"> popover</a> 

需要匹配#popContent名称。

其次，你的内容有点混乱。您需要查看文档here。尝试更像这样的东西。另外，学习HTML ...你有没有关闭的标签，而你的属性中有popover属性。

        我的popover中有标记和绑定！