我正在尝试使用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.f2er.com/angularjs/144467.html
