Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJs-我可以从另一个元素在一个元素上打开popover吗?_Javascript_Angularjs_Twitter Bootstrap - Fatal编程技术网

Javascript AngularJs-我可以从另一个元素在一个元素上打开popover吗?

Javascript AngularJs-我可以从另一个元素在一个元素上打开popover吗?,javascript,angularjs,twitter-bootstrap,Javascript,Angularjs,Twitter Bootstrap,刚接触Angular和Bootstrap,我已经看到很多关于如何不能通过编程启动popover的内容,但是有没有一种方法可以从另一个元素启动一个元素的popover。例如,单击按钮并在图像或搜索栏上启动popover。这可行吗?也许这个例子可以帮助您使用angularjs制作Popover,只要研究一下它是如何工作的--> customdirections.directive('customPopover',function(){ 返回{ 限制:“A”, 模板:“{label}}”, 链接:功能

刚接触Angular和Bootstrap,我已经看到很多关于如何不能通过编程启动popover的内容,但是有没有一种方法可以从另一个元素启动一个元素的popover。例如,单击按钮并在图像或搜索栏上启动popover。这可行吗?

也许这个例子可以帮助您使用angularjs制作Popover,只要研究一下它是如何工作的-->

customdirections.directive('customPopover',function(){
返回{
限制:“A”,
模板:“{label}}”,
链接:功能(范围、el、属性){
scope.label=attrs.popopOverlabel;
美元(el).popover({
触发器:“单击”,
是的,
内容:attrs.popoverHtml,
位置:attrs.poppoverplacement
});
}
};

他使用了一个带有CustomComponents

的指令,这是可行的一些jquery有问题吗?您的代码非常适合学习指令,我已经使用了很多次。但它仍然是一个发生在创建它的元素上的弹出框。我如何单击一个元素,并使弹出框显示在不同的页面上元素?
customDirectives.directive('customPopover', function () {
return {
    restrict: 'A',
    template: '<span>{{label}}</span>',
    link: function (scope, el, attrs) {
        scope.label = attrs.popoverLabel;
        $(el).popover({
            trigger: 'click',
            html: true,
            content: attrs.popoverHtml,
            placement: attrs.popoverPlacement
        });
    }
};