带有html的角度弹出框

【问题标题】：angular popover with html带有html的角度弹出框
【发布时间】：2016-01-19 12:28:38
【问题描述】：

使用popver-html 指令的正确方法是什么？我想通过 HTML img 标记将图像显示到我的弹出框角度引导程序中。我创建了一个范围变量 $scope.html = "<img src=\""+$scope.mysrc+"\"></img>" 并将其放入我的指令中

<span popover-html="{{html}}" popover-title="......." popover-trigger="mouseenter"><a href="#">{{title}}</a></span>

但我有这个错误：

未捕获的错误：[$parse:syntax] ERROR popover-html

有什么建议吗？

【问题讨论】：

【解决方案1】：

这里有一个plunk 指导您如何将图像放入弹出框。寻找“Dynamic Popover”按钮首先，你需要sanitize你的HTML你写在你的JS。

所以，你的 JS 是这样的：

$scope.html = $sce.trustAsHtml("<img src=\""+$scope.mysrc+"\"></img>");

这将确保您的 HTML 可以安全地被解析为 HTML。不要忘记在您的应用中注入ngSanitize 作为依赖项。

现在，在您看来，而不是使用 popover-html="{{html}}"，你需要使用popover-html="html"。请注意，您正在向此弹出框传递一个表达式。

【讨论】：