在iframe上将ng-src设置为空

Question

我有一个小型的Angular-app，用户可以点击链接打开带有嵌入式Youtube剪辑的弹出窗口。弹出窗口的重要部分如下所示：

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

如果用户开始播放视频，然后点击＆＃34;关闭弹出窗口＆＃34; -link（我的js-code将隐藏弹出窗口），视频将在后台播放。我想停止那个视频，我认为最简单的方法就是将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更改为无效的网址值并保留现有网址