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

有两个问题，你的小提琴中没有包括ngRoute，你需要编译popover中返回的内容。

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

此外，您不需要超时。

示例：Plunker

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

1 个答案: