Как создать правильный 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, как это сделано в

Правильный способ Предоставить DomSanitizer компоненту с Angular 2 RC6

Хотя вы можете найти некоторые проблемы с версиями:

@ angular / platform-browser / platform-browser "'не имеет экспортированного члена' HammerLoader '