javascript - 弹出窗口内容不适用于 angularjs ng-click

Question

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

我想做的只是在 Bootstrap 弹出窗口中放置一个按钮，该按钮可以调用我创建的指令范围内的函数。问题是使用 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

有两个问题，您没有在 fiddle 中包含 ngRoute，并且您需要编译弹出窗口中返回的内容。

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

而且您不需要超时。

示例:Plunker