我有一个项目，我必须在一个页面中使用相同的组件两次，但组件没有授予此权限，所以我想将它与 iframe 一起使用，但我找不到如何将 iframe src 设置为字符串 html。我可以使用 div 绑定 html，但无法使用 iframe 执行此操作
这是我的翻译管道：
@Pipe({ name: 'safe' })
export class SafePipe implements PipeTransform {
constructor(private sanitizer: DomSanitizer) {}
transform(url) {
return this.sanitizer.bypassSecurityTrustHtml(url);
}
}
我的html页面：
<div [innerHTML] = "template | safe"></div>
我可以使用这种方法，但我需要一个单独的页面，所以
<iframe [src] = "template | safe"></iframe>
我需要用 iframe 来做。
这是我的 Typescript 文件：
template: SafeHtml;
constructor() {
this.template = '<button class="btn btn-lg btn-success">...</button>';
}