Angular6: передача URL-адреса в компонент с помощью @Input и использование его в iframe
Я создал компонент CLI Angular6 для вложенного контейнера Video. Это работает с начальными жестко закодированными значениями как это...
Файл.ts внутри класса export:
sThisURL:string = "https://player.vimeo.com/video/xxxxxxx?autoplay=1";
VidLink=this.sanitizer.bypassSecurityTrustResourceUrl(this.sThisURL);
.html файл:
<iframe class="iframe" [src]="VidLink" frameborder="0" allowfullscreen></iframe>
Это все делает просто отлично. Теперь я добавляю следующую строку в.ts и вносю следующие изменения в строку VidLink, чтобы использовать переданный URL, который является той же строкой...
Обновленный файл.ts:
@Input() vidURL: string;
//sThisURL:string = "https://player.vimeo.com/video/267505597?autoplay=1";
VidLink=this.sanitizer.bypassSecurityTrustResourceUrl(this.vidURL);
Я могу console.log ввести значение, и это действительно строка, и она идентична строке sThisURL. Тем не менее, он отображает ошибку "кадр-в-кадре-в-кадре" тела HTML, а не фактическое видео.
Как я могу использовать переданную строку как объявленную строку?