如何使用Angular2的Bootstrap Popover

Question

我试图获得一个Bootstrap 3 popover来显示Angular 2插值模板.这可能吗？这是我到目前为止:

    $('.ba-header--user-menu').popover({
      placement: 'bottom',
      toggle: 'popover',
      trigger: 'focus',
      html: true,
      content: '{{user.email}}'
    });

这给了我这个:

Answer 1

JQuery和Angular不能很好地结合在一起.安装ng2-popover:

npm i ng2-popover

并像这样使用它:

<span popover="content to be shown in the popover">
    element on which this popover is applied.
</span>

Answer 2

是的，这是可能的，但你不能像你所做的那样将插值符号调用到 jQuery 插件中。this您必须像这样直接分配您的动态电子邮件。

ngOnInit(){
   $('#abc').popover({
      placement: 'bottom',
      toggle: 'popover',
      title: 'khcksahkdfs'
      html: true,
      content: this.name
    });
 }

 <a id="abc">Toggle popover</a>

工作演示在这里