Question

我有一个AngularJS应用程序，它有一个动态添加的表单元素，其中包含一个Bootstrap popover。单击弹出框时，不会弹出任何内容。我知道popovers是“选择加入”，并在我的index.html文件中包含了所需的Javascript。但是，单击模板表单中的按钮时，弹出窗口不会出现。如果我将popover放在动态表单之外（在index.html中），则会显示popover。有什么建议吗？

Popover按钮（index.html和phone-number.template.html）：

<script>
$(document).ready(function(){
  $('[data-toggle="popover"]').popover();   
});
</script>

选择加入的代码（index.html）：

--preload

相关的plnk：http://plnkr.co/edit/jpvafUhLd0RcAKfsrFWA?p=preview

谢谢，JR

Answer 1

您正在准备文档中的popover，但它在指令加载它的html之前启动。你需要在指令加载时启动它。

添加一个链接函数put pop init init

试试这个

app.directive('phoneNumber', function(){
  return {
    replace:true,
     scope: {
      ngModel: '=',
    },
    templateUrl: "phone-number.template.html",
    link:function($scope,element,attrs){
     $('[data-toggle="popover"]').popover();   
    }
  }
});

包含Bootstrap Popover的AngularJS动态模板

1 个答案: