另一个简单的解决方案是创建一个过滤器：

app.filter('trusted', ['$sce', function ($sce) {
    return function(url) {
        return $sce.trustAsResourceUrl(url);
    };
}]);

然后在中指定过滤器ng-src：

<video controls poster="img/poster.png">
       <source ng-src="{{object.src | trusted}}" type="video/mp4"/>
</video>

这是唯一对我有用的解决方案：

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

app.controller('MainCtrl', function($scope, $sce) {
  $scope.trustSrc = function(src) {
    return $sce.trustAsResourceUrl(src);
  }

  $scope.movie = {src:"http://www.youtube.com/embed/Lx7ycjC8qjE", title:"Egghead.io AngularJS Binding"};
});

然后在 iframe 中：

<iframe class="youtube-player" type="text/html" width="640" height="385"
        ng-src="{{trustSrc(movie.src)}}" allowfullscreen frameborder="0">
</iframe>

http://plnkr.co/edit/tYq22VjwB10WmytQO9Pb?p=preview

使用 $sceDelegateProvider 将资源列入白名单

这是由 Angular 1.2 中实施的新安全策略引起的。它通过防止黑客拨出（即向外部 URL 发出请求，可能包含有效负载）使 XSS 变得更加困难。

要正确绕过它，您需要将要允许的域列入白名单，如下所示：

angular.module('myApp',['ngSanitize']).config(function($sceDelegateProvider) {
  $sceDelegateProvider.resourceUrlWhitelist([
    // Allow same origin resource loads.
    'self',
    // Allow loading from our assets domain.  Notice the difference between * and **.
    'http://srv*.assets.example.com/**'
  ]);

  // The blacklist overrides the whitelist so the open redirect here is blocked.
  $sceDelegateProvider.resourceUrlBlacklist([
    'http://myapp.example.com/clickThru**'
  ]);
});

此示例取自您可以在此处阅读的文档：

https://docs.angularjs.org/api/ng/provider/$sceDelegateProvider

请务必在您的应用程序中包含 ngSanitize 以使其正常工作。

禁用该功能

如果你想关闭这个有用的功能，并且你确定你的数据是安全的，你可以简单地允许 **，如下所示：

angular.module('app').config(function($sceDelegateProvider) {
  $sceDelegateProvider.resourceUrlWhitelist(['**']);
});

这里有同样的问题。我需要绑定到 Youtube 链接。作为全局解决方案，对我有用的是将以下内容添加到我的配置中：

.config(['$routeProvider', '$sceDelegateProvider',
        function ($routeProvider, $sceDelegateProvider) {

    $sceDelegateProvider.resourceUrlWhitelist(['self', new RegExp('^(http[s]?):\/\/(w{3}.)?youtube\.com/.+$')]);

}]);

在其中添加'self'很重要 - 否则将无法绑定到任何 URL。从角度文档

'self' - 特殊字符串 'self' 可用于匹配与使用相同协议的应用程序文档相同域的所有 URL。

有了这个，我现在可以直接绑定到任何 Youtube 链接。

显然，您必须根据需要自定义正则表达式。希望能帮助到你！

解决此问题的最佳且简单的解决方案是将您的数据从此函数传递到控制器中。

$scope.trustSrcurl = function(data) 
{
    return $sce.trustAsResourceUrl(data);
}

在 html 页面中

<iframe class="youtube-player" type="text/html" width="640" height="385" ng-src="{{trustSrcurl(video.src)}}" allowfullscreen frameborder="0"></iframe>