在iframe上将ng-src设置为空

Question

我有一个小的角度应用程序，用户可以点击一个链接打开一个弹出与嵌入式Youtube剪辑。弹出窗口的重要部分如下所示：

<iframe ng-src="{{ myCtrl.trustAsResourceUrl(myCtrl.currentVideo.youtubeSrc) }}"></iframe>

如果用户开始播放视频，然后单击“关闭弹出”-link(我的js将隐藏弹出窗口)，则视频将在后台播放。我想要停止那个视频，我认为最简单的方法就是将iframe的src设置为空。但是，如果我在控制器中将currentVideo设置为null，则不会发生任何事情。为什么？

不应该将iframe的src设置为空吗？如果我将currentVideo设置为另一个视频，它将切换到另一个视频。

Answer 1

使用ng-if将从dom中删除iframe

<iframe ng-if="myCtrl.currentVideo.youtubeSrc"
         ng-src="{{ myCtrl.trustAsResourceUrl(myCtrl.currentVideo.youtubeSrc) }}"></iframe>

这个问题可能是ng-src不会将src更改为无效的url值，而保留现有的url值。