如何使用angular-ui popover追加元素

时间:2015-05-11 08:40:57

标签: jquery angularjs angular-ui angular-ui-bootstrap

我有一个函数可以将div附加到表中的每个单元格。您可以将其想象为每个单元格中包含div的表。我是这样做的:

angular.element(document.getElementById()).append("<div>a</div>")

这绝对没问题。 但是,我需要这个附加的div有一个弹出窗口。这不起作用:

em.append("<div popover='text' popover-trigger='mouseenter'>a</div>")

在我看来,popover指令仅附加到页面渲染上的项目。指令未跟踪之后添加的任何新项目。如何解决?

PS:如果我在html模板中添加相同的div,那么popover就像魅力一样。

1 个答案:

答案 0 :(得分:2)

您需要使用$compile服务才能生效。如果你这样做,它应该工作:

em.append($compile("<div popover='text' popover-trigger='mouseenter'>a</div>")($scope));