Как преобразовать URL-адрес в безопасную URL-ссылку, которая может быть распознана iframe в angular
<iframe src = "{{url}}"></iframe>
Возможный дубликат Angular 6 привязка iframe
Попробуйте так ниже
безопасный-pipe.ts
import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer} from '@angular/platform-browser';
@Pipe({ name: 'secure' })
export class SecurePipe implements PipeTransform {
constructor(private sanitizer: DomSanitizer) {}
transform(url) {
return this.sanitizer.bypassSecurityTrustResourceUrl(url);
}
}
app.module.ts
@NgModule({
declarations : [
...
SecurePipe
],
})
В HTML
<iframe [src] = "url | secure"></iframe>
Проверьте этот ответ (на возможный дублирующийся вопрос) stackoverflow.com/a/38037914/2050306