iframe中的angularjs ng-src

时间:2015-05-15 20:49:23

标签: angularjs

我试图让ng-src在iframe中运行,但我似乎无法弄明白。有可能吗?

<div class="row" ng-init="video='http://www.youtube.com/embed/gMW8jUX14Y0'">
  <div class="col-md-12">
    <!-- 16:9 aspect ratio -->
    <div class="embed-responsive embed-responsive-16by9">
      <iframe class="embed-responsive-item" ng-src="{{ video }}"></iframe>
    </div>     
  </div>
</div>

该页面加载一个空白的iframe,它永远不会刷新。 在同一页面上,我可以包含此代码,它可以正常工作。

<a ng-href="{{ video }}">Link</a>

1 个答案:

答案 0 :(得分:2)

在使用$ sce的解决方案(以信任ng-src =&#39; URL&#39;的URL)之前,已经在SO上讨论了iframe和ng-src 链接:AngularJS ng-src inside of iframe
链接:Unable to load url into iframe via AngularJS controller
链接:How to set an iframe src attribute from a variable in AngularJS

GL!