Javascript 以角度将html文件加载到iframe中

您好，我正在尝试将html文件加载到iframe中，但它不起作用， 如果我加载任何外部url，它将正常工作

组件中的ts

name = 'Set iframe source';
  url: string = "./add-cardIframe.component.html";
  urlSafe: SafeResourceUrl;

in oninit
ngOnInit() {
    this.urlSafe= this.sanitizer.bypassSecurityTrustResourceUrl(this.url);
  }

HTML文件：

<iframe width="100%" height="100%" frameBorder="0" [src]="urlSafe"></iframe>

获取错误，因为无法匹配任何路由。URL段：“add cardIframe.component.html” 关于此问题的任何帮助都将非常有用

Html:

<div [innerHTML]="html"></div>

打字稿：

this.html = this.sanitizer.bypassSecurityTrustHtml(
      '<iframe width="100%" height="800" src="https://primefaces.org/primeng/#/"></iframe>',
    );

this.html=this.sanitizer.bypassSecurityTrustHtml(
'',
);