在Firefox中使用allow-top-navigation-by-user-activation
允许用户在iframe中导航到另一个域。
在你的模块文件中添加以下代码:
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { BrowserModule, DomSanitizer } from '@angular/platform-browser';
import { AppComponent } from './app.component';
@NgModule({
imports: [BrowserModule],
declarations: [AppComponent],
bootstrap: [AppComponent],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
})
export class AppModule {
constructor(private sanitizer: DomSanitizer) {
// Allow top navigation by user activation
const iframeSrc = 'YOUR_IFRAME_SRC';
this.sanitizer.bypassSecurityTrustResourceUrl(
`${iframeSrc}#allow-top-navigation-by-user-activation`
);
}
}
然后,在你的组件模板中,使用[src]
绑定来设置iframe的URL,如下所示: