如何使用变量创建适当的iframe

Question

我正在尝试为YouTube嵌入视频创建标签，其中src来自数据库的可变值

标签如下：

<iframe class="img-fluid w-100" width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLx0sYbCqOb8TBPRdmBHs5Iftvv9TPboYG" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

并且我正在尝试这样替换它：

<iframe class="img-fluid w-100" width="560" height="315" src="{{frontPageConfig.recentVideos2.linkURL}}"
            frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

但是无论有没有{{variable}}，它都无法使用。

谢谢。

Answer 1

您可能需要像

一样清理URL。

Correct way Provide DomSanitizer to Component with Angular 2 RC6

尽管您会发现这些版本存在严重问题：

@angular/platform-browser/platform-browser"' has no exported member 'HammerLoader'