$ sce和ng-bind-html无法正常工作?

时间:2015-07-29 13:54:07

标签: angularjs ng-bind-html

人!

我正在使用Angular 1.4.3并尝试从用户那里粘贴一些html以嵌入页面(谷歌地图共享链接)。我得到的是,在我的控制器中,我获得了价值并通过$ sce运行它:

$scope.schoolData.trustedGoogleMapsLink = $sce.trustAsHtml($scope.schoolData.google_maps_link);

然后使用:

将其绑定到html元素
<p ng-bind-html="schoolData.trustedGoogleMapsLink.toString()"></p>

但没有出现。没有错误,没有。当我没有运行html trough $ sce时,我收到一条错误消息,说它没有消毒。

以前有人遇到过这个问题吗?按照Angulars docs的例子,这应该有用......

修改

我实际上粘贴了错误版本的代码。使用.toString()方法时,它会返回一个未清理的错误。删除.toString()方法时,段落中只显示任何内容......

1 个答案:

答案 0 :(得分:1)

只是做:

<p ng-bind-html="schoolData.trustedGoogleMapsLink"></p>

trustAsHtml返回ng-bind-html理解的对象。