Javascript Popover内容不适用于angularjs ng click
我已经阅读了所有关于这方面的帖子,但不幸的是没有一篇是有用的:jsfiddle和plunker链接似乎不再有效 我想做的是简单地在引导弹出框中放置一个按钮,它调用我创建的指令范围内的函数。问题在于,使用jquery获取内容是行不通的,因为范围似乎在外部。同时,尝试在函数中创建内容也不会起作用,因为它不会被编译 我在JSFIDLE上创建了一个示例,但是angularjs没有在正确的位置加载,因此也不起作用Javascript Popover内容不适用于angularjs ng click,javascript,jquery,angularjs,twitter-bootstrap,angularjs-ng-click,Javascript,Jquery,Angularjs,Twitter Bootstrap,Angularjs Ng Click,我已经阅读了所有关于这方面的帖子,但不幸的是没有一篇是有用的:jsfiddle和plunker链接似乎不再有效 我想做的是简单地在引导弹出框中放置一个按钮,它调用我创建的指令范围内的函数。问题在于,使用jquery获取内容是行不通的,因为范围似乎在外部。同时,尝试在函数中创建内容也不会起作用,因为它不会被编译 我在JSFIDLE上创建了一个示例,但是angularjs没有在正确的位置加载,因此也不起作用 $("#pop-over-link").popover({ 'placement
$("#pop-over-link").popover({
'placement': 'top',
'trigger': 'click',
'html': true,
'container': 'body',
'content': function() {
return $("#pop-over-content").html();
}
});
这段代码打开弹出窗口,抓取内容并显示出来
这里是JSFIDLE:
下面是我的dropbox上的工作示例:有两个问题您没有将ngRoute包含在小提琴中,您需要编译popover中返回的内容
'content': function() {
return $compile($("#pop-over-content").html())(scope);
}
此外,您不需要超时
示例:有两个问题您的小提琴中没有包含ngRoute,您需要编译popover中返回的内容
'content': function() {
return $compile($("#pop-over-content").html())(scope);
}
此外,您不需要超时
示例:谢谢。这帮助我了解了如何正确使用compile函数,1.9.1中的jQuery.html()不知何故产生了一些问题,因此我切换到了最新版本,希望不会收到任何意外消息:P但是不需要ngRoute。问题确实是需要重新编译。我从几天前就开始寻找这些信息,最后它就在这里。非常感谢!!!非常感谢。这帮助我了解了如何正确使用compile函数,1.9.1中的jQuery.html()不知何故产生了一些问题,因此我切换到了最新版本,希望不会收到任何意外消息:P但是不需要ngRoute。问题确实是需要重新编译。我从几天前就开始寻找这些信息,最后它就在这里。非常感谢!!!