AngularJS - 在使用指令嵌入Youtube视频网址时出现问题

Question

我正在尝试将json链接从json嵌入到angularJs 。

现在我有 {{video.youtubeid}} ，Json控制器中的输出有 _kux-YQujjM

但是当我用<iframe>内部调用此函数时，它无效。

当我在 P标签中使用此功能时，它会将输出显示为 _kux-YQujjM

这是我使用iframe代码的代码。

<iframe width="100%" height="250" src="//www.youtube.com/embed/{{video.youtubeid}}" frameborder="0" allowfullscreen=""></iframe>

我是否错过了我的代码中的任何内容，或者有没有办法让网址连接到此链接。

任何帮助都会得到赞赏。

Answer 1

虽然您应该配置SCE以允许您访问

，但是SCE很难让您使用“{{myModelValue}}”这样的结构。

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

这是一个工作的plunker http://plnkr.co/edit/PZXy6RyiWo60KcIyYh5n?p=preview

Answer 2

使用ng-src：

<iframe width="100%" height="250" ng-src="http://www.youtube.com/embed/{{video.youtubeid}}" />