Javascript Popover内容不适用于angularjs ng click

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

我已经阅读了所有关于这方面的帖子,但不幸的是没有一篇是有用的:jsfiddle和plunker链接似乎不再有效

我想做的是简单地在引导弹出框中放置一个按钮,它调用我创建的指令范围内的函数。问题在于,使用jquery获取内容是行不通的,因为范围似乎在外部。同时,尝试在函数中创建内容也不会起作用,因为它不会被编译

我在JSFIDLE上创建了一个示例,但是angularjs没有在正确的位置加载,因此也不起作用

$("#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。问题确实是需要重新编译。我从几天前就开始寻找这些信息,最后它就在这里。非常感谢!!!