在AngularJS中动态插入iframe页面

我正在尝试使用Angular 1.2动态地将iframe插入页面。这是代码：

HTML：

<div id="player_wrapper" ng-cloak>
    <div ng-bind-html="player"></div>
</div>

JS：

$http({method: 'GET',url: url}).
    success(function(data,status) {
        $scope.player = data.html;
    }.......

所以data.html是一个以一个有效HTML开头的字符串

<iframe ...>

该字符串还包含一些div。所以可能看起来像：

<iframe src='...' ...></iframe><div>some stuf</div>

我在app.js’ngSanitize’中使用。它显示的是div(在iframe之后)，而不是iframe本身。

如果我使用jQuery，基本上是一个

$(#'player_wrapper').html(data.html)

工作正常…但试图使它正确angleJS。

任何想法为什么只显示iframe之后的div？

非常感谢所有

在显示之前，ngBindHtml将通过 $sce.getTrustedHtml传递您的HTML。我怀疑这是删除你的iframe。

According to the docs您可以使用$sce.trustAsHtml避免此检查，只要您完全信任来自此源的任何HTML – 来自不受信任来源的iframe可能会对您的页面的访问者造成不便之处。

$http({method: 'GET',status) {
        $scope.player = $sce.trustAsHtml(data.html);
    }.......

小心！

原文地址：https://www.jb51.cc/angularjs/144467.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。

• 上一篇：angularjs – 在指令之间共享数据下一篇：在Heroku上主持Angular2