弹出窗口内容无法使用angularjs ng-click

Question

我已经阅读了有关此内容的所有帖子,但不幸的是,它们都没有帮助:jsfiddle和plunker链接似乎不再有效.

我要做的是简单地在bootstrap pop-over中放入一个按钮,该按钮调用我创建的指令范围内的函数.问题是使用jquery来抓取内容它不起作用,因为范围似乎在外面.同时尝试在函数内部创建内容也无法正常工作,因为它不会被编译.

我在jsfiddle上创建了一个例子,但不知何故,angularjs没有加载到正确的位置,因此它也不起作用.

$("#pop-over-link").popover({
      'placement': 'top',
      'trigger': 'click',
      'html': true,
      'container': 'body',
      'content': function() {
           return $("#pop-over-content").html();
      }
});

这是打开弹出窗口的代码片段,抓取内容并显示它.

这里是jsfiddle:http://jsfiddle.net/75zLT/2/

以下是我的保管箱上的工作示例:https: //dl.dropboxusercontent.com/u/19470623/hatethis/test.html

Answer 1

有2个问题,你的小提琴中没有包括ngRoute,你需要编译popover中返回的内容.

'content': function() {
     return $compile($("#pop-over-content").html())(scope);
 }

你也不需要超时.

示例:Plunker