angularjs - ng-src无法用于youtube嵌入视频

Question

youtube嵌入代码有一个小问题:
<iframe ng-src="{{ emedUrl }}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
在我的 Controller 中$scope.emedUrl = "https://www.youtube.com/embed/<videId>";
嵌入代码无法正常工作。

Answer 1

我希望它能解决您的问题:

angular.module('myApp')
  .filter('trustUrl', function ($sce) {
    return function(url) {
    return $sce.trustAsResourceUrl(url);
   };
});

然后在您的框架中:

<iframe ng-src="{{ emedUrl | trustUrl }}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>