带有html的角度popover

Question

使用img指令是否正确？ 我想通过HTML $scope.html = "<img src=\""+$scope.mysrc+"\"></img>"标记将图像显示为popover angular-bootstrap。 我已经创建了一个范围变量<span popover-html="{{html}}" popover-title="......." popover-trigger="mouseenter"><a href="#">{{title}}</a></span>，并且已将其放入我的指令中

Uncaught Error: [$parse:syntax]

但我发现此错误：\ ERROR popover-html

任何建议???

Answer 1

这是一个plunk，指导您如何将图像放入弹出框中。查找“Dynamic Popover”按钮 首先，您需要sanitize HTML在JS中撰写的$scope.html = $sce.trustAsHtml("<img src=\""+$scope.mysrc+"\"></img>");。

所以，你的JS是这样的：

ngSanitize

这将确保您的HTML可以安全地被解析为HTML。不要忘记在您的应用中注入popover-html="{{html}}"作为依赖项。

现在，在您看来，而不是使用 popover-html="html"，您需要使用{{1}}。请注意，您正在将表达式传递给此弹出窗口。