Javascript AngularJS引导popover与另一个指令对象[Object Object]没有方法'；爆米花'；

我有一个按钮，我想触发引导弹出。这很好，只是我需要popover中有另一个指令（基本上popover包含一个项目列表）

我已经找到了这篇文章，但接下来的文章对我来说似乎不太合适

我做了一个自定义指令

.directive('popoverhtml', function ($compile) {
    return {
        restrict: 'A',
        transclude: true,
        template: "<span ng-transclude></span>",
        scope: {

        },
        link: function (scope, element, attrs) {
            console.log($(element));
            var options = {
                content: "<br><br>Hey",
                placement: "right",
                html: true,
                title: "HEY",
                trigger: "click"
            };
            $(element).popover(options);
        }
    }

---

我建议你调查一下。一般来说，我建议使用AngularUI，但AngularStrap在Popover中支持模板分区，而AngularUI不支持

---

如果您确实使用AngularStrap，您只需编写一个HTML片段以显示在popover中，该片段可以像普通Angular片段一样包含任何指令。

在Angular片段之前加载jQuery将解决此问题。 从技术上讲，问题在于加载jQuery两次（一次来自angular，即jqLite，另一次稍后作为单独的js文件加载）

---

此处解释

不是真正的答案，但您是否尝试过引导的angular指令：+1 angular UI引导弹出框非常简单，它们允许您在弹出框中使用指令。它们的弹出框指令实际上是我开始的地方…我没有看到一个示例显示如何使用自定义指令（或任何指令）在弹出窗口中。我觉得我错过了一些非常明显的东西。谢谢大家。@Jon7你们能详细说明一下吗。我没有看到任何关于如何在popover html中包含自定义指令的示例。谢谢，非常抱歉！我在想安格拉斯陷阱。AngularUI没有此功能。我在回答中阐述了更多。谢谢！我看到了这一点，但如果不需要的话，我不想再处理另一个JS include。看起来AngularStrap有很多与我使用AngularUI引导功能相同的控件（选项卡、按钮等>），因此我可以删除后者。对此有何看法？差异等等？谢谢。所以这很有趣……如果我使用AngularStrap，我也会得到同样的结果。同样的错误。我已经在我的JS包含列表中添加了原始问题…我感觉这里有一些冲突或类似的事情。@americanslon您是否已将代码更改为使用AngularStrap而不是直接使用bootstrap？AngularStrap是基本bootstrap.JS组件的包装器。BootstrapUI是一个完全重写的框架，是一个更健壮的框架。我现在正在努力解决同样的问题——试图在我的popover中包含一些HTML。本期github正在讨论：

<button type="button" class="btn btn-primary btn-small" popoverHTML><i class="icon-white icon-plus"></i></button>

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular-resource.min.js"></script>
<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.4.0.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>    
<script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/1.3.1/js/toastr.min.js"></script>   
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-strap/0.7.4/angular-strap.min.js"></script>      
<script src="js/admin-angular.js"></script>  <-- My custom include
<script src="js/admin-jquery.js"></script>   <-- My custom include
<script src="js/jquery.watermark.min.js"></script>    
<script src="js/jquery.base64.js"></script>