如何使用Angular2的Bootstrap Popover [英] How to use Bootstrap Popover with Angular2

问题描述

我正在尝试使用Bootstrap 3 popover来显示Angular 2插值模板。这可能吗？以下是我到目前为止：

I am trying to get a Bootstrap 3 popover to display an Angular 2 interpolated template. Is this possible? Here is what I have so far:

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

这给了我这个：

< a href =https://i.stack.imgur.com/AxCrN.png =noreferrer>

推荐答案

JQuery和Angular不能很好地协同工作。安装 ng2-popover ：

JQuery and Angular don't play very well together. Install ng2-popover:

npm i ng2-popover

并像这样使用：

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

这篇关于如何使用Angular2的Bootstrap Popover的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！