Question

我不确定我在这里缺少什么但由于某种原因我的iFrame被渲染为文本而不是HTML。我们正在使用Angular 1.3.15。

以下是我的观点：

<span ng-bind-html="question.questionLabel"></span>

这是我的控制器：

vm.questionLabel = $sce.trustAsHtml('<iframe width="560" height="315" src="https://www.youtube.com/embed/3aL9qqWRm7E" frameborder="0" allowfullscreen></iframe>');

以下是以文本形式呈现给页面的内容：

<iframe width="560" height="315" src="https://www.youtube.com/embed/3aL9qqWRm7E" frameborder="0" allowfullscreen></iframe>

我也将ngSanitize注入控制器。我发现日志中没有错误。我很茫然。有人可以帮忙吗？

谢谢！

Answer 1

使用 ngSanitize

请查看此工作示例：http://plnkr.co/edit/RPOznM12iwVNZjv6MiO8?p=preview

下载文件 - angular-sanitize.js并将其包含在您的应用中。

var app = angular.module('myApp', ["ngSanitize"]);       

app.controller('myController', function($scope) {
    $scope.html = '<p>Your html code</p>';
});

<div ng-app="myApp">
     <div ng-controller="myController">
        <p ng-bind-html="html"></p>
     </div>
</div>

Answer 2

我错误地将ngSanitize注入我的控制器。它现在正在运作。

谢谢大家！

为什么我的$ sce.trustAsHtml内容呈现为纯文本？

2 个答案: