Question

我在我的示例中使用this component，但是当我点击我的图标时，我的弹出窗口不会显示。

当我点击一个图标时，它应该显示弹出框，但是目前它没有显示任何内容。

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

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

Answer 1

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

其次，如果您确实希望它能够正常工作，请确保正确加载引导脚本。然后尝试通过按住按钮并单击该按钮来触发点击事件。

这是实现您想要的代码。这是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>

此致

wny popover不会以角度js显示？

1 个答案: