Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了在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);
    }.......

小心!

@H_618_39@
本图文内容来源于网友网络收集整理提供,作为学习参使用,版权属于原作者。

大佬总结

以上是大佬教程为你收集整理的在AngularJS中动态插入iframe页面全部内容,希望文章能够帮你解决在AngularJS中动态插入iframe页面所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。