Небезопасное значение, используемое в контексте URL ресурса с угловым 5

Question

Я хочу встроить этот Iframe в мой шаблон, но здесь появляется ошибка iframe code, которая должна быть размещена внутри шаблона компонента.

<iframe [src]="http://www.youtube.com/embed/{{show.trailer}}"
 width="560" height="315" frameborder="0" allowfullscreen></iframe>

вот тип файла сценария

import { Component, OnInit } from '@angular/core';
import { Show } from '../show';
import { ActivatedRoute } from '@angular/router';
import { ShowService } from '../show.service';

@Component({
selector: 'app-show-details',
templateUrl: './show-details.component.html',
styleUrls: ['./show-details.component.css']
})
export class ShowDetailsComponent implements OnInit {

show: Show;

constructor( 
private route: ActivatedRoute,
private showService: ShowService
) { }

ngOnInit(): void {
this.getShows();
}

Answer 1

Определена ли переменная show?

Попробуйте изменить свой код iframe на этот

<iframe [src]="http://www.youtube.com/embed/{{show?.trailer}}"
 width="560" height="315" frameborder="0" allowfullscreen></iframe>

показать?.trailer

Оценивает, является ли переменная show!= Нулевой или неопределенной