javascript - Angular 和 YouTube iframe 问题

Question

我正在尝试将 YouTube 视频添加到我的应用程序中，但 Angular 删除了 iframe 代码并且没有出现，我正在使用这个

<div class="content-read" ng-bind-html="data.content"> </ div>

尝试使用 ng-bind-html-unsafe，但我认为这已从当前版本的 angularjs 中删除

我使用的是 Angular 1.2.3

我也有这个

app.config(['$sceDelegateProvider', function($sceDelegateProvider) {
     $sceDelegateProvider.resourceUrlWhitelist([
        'self',
        'http://www.youtube.com/**',
    ]);

}]);

有什么想法吗？

谢谢

Answer 1

我发现的最好的解决方案是创建一个满足ng-bind-html-unsafe功能的指令

app.directive('ngBindHtmlUnsafe', ['$sce', function($sce){
return {
    scope: {
        ngBindHtmlUnsafe: '=',
    },
    template: "<div ng-bind-html='trustedHtml'></div>",
    link: function($scope, iElm, iAttrs, controller) {
        $scope.updateView = function() {
            $scope.trustedHtml = $sce.trustAsHtml($scope.ngBindHtmlUnsafe);
        }

        $scope.$watch('ngBindHtmlUnsafe', function(newVal, oldVal) {
            $scope.updateView(newVal);
        });
    }
};
}]);