Как получить URL из бэкэнда в iframe при изменении выделения в angular материале

Question

. html страница

<iframe width="100%" height="100%" src="{{url}}" frameborder="0" allowfullscreen></iframe>

.ts file

 this.url = 'https://www.youtube.com';

При изменении выбора из выпадающего списка список, основанный на URL ifrmae sr c должен обновляться.

Answer 1

in. html page

<iframe width="100%" class="embed-responsive-item" height="100%" src="" frameborder="0" allowfullscreen></iframe>

в .ts файле

import ElementRef from '@angular/core';

Инициализируйте его в конструкторе, как показано ниже

constructor(private hostElement: ElementRef)

добавляйте эти строки везде, где это необходимо это вы хотите, чтобы сработало.

const iframe = this.hostElement.nativeElement.querySelector('iframe');
iframe.src = 'https://www.youtube.com';