wny popover 不在 Angular js 中显示？

【问题标题】：wny popover not display in angular js?wny popover 不在 Angular js 中显示？
【发布时间】：2016-11-02 06:54:51
【问题描述】：

我在我的示例中使用this component，但是当我点击我的图标时，我的弹出框没有显示。

当我点击一个图标时，它应该会显示弹出框，但目前它什么也不显示。

这是我的代码（this 是 CodePen）：

<script type="text/ng-template" id="myPopoverTemplate.html">
  <div>hhh</div>
</script>

【问题讨论】：

标签： javascript angularjs twitter-bootstrap angularjs-directive angularjs-scope

【解决方案1】：

首先，根据我自己的经验，我建议在该范围内使用angular-bootstrap。

其次，如果您真的希望它工作，请确保正确加载引导脚本。然后尝试在按钮上使用 ng-click 监听 click 事件并在其上触发 popover。

这里是实现你想要的代码。这是plunkr：https://plnkr.co/edit/fBPJ8LfOFGlgcCHvRWSM?p=preview 问候，

scope.popover = function() {
        $("[data-toggle=popover]").popover({
          html: true,
          content: $('.popper-content').html(),
          placement: attrs.popoverPlacement
        });
      };

这里是html：

<button type="button" popover-placement="bottom" class="popper btn-link" popover ng-click="popover()" data-toggle="popover">
        4 Peoples
</button>

问候，

【讨论】：