在Angular 12中,对于设置Iframe src属性的动态值,需要使用DomSanitizer服务来保证应用程序的安全性。但是,在动态设置src属性时,会抛出以下错误:
core.js: 6210 ERROR DOMException: Blocked loading mixed active content “http://example.com”
这个错误是因为在Angular 12中,只有安全的URL才能被使用。为了解决这个问题,需要执行以下步骤:
import { DomSanitizer } from '@angular/platform-browser';
constructor(private sanitizer: DomSanitizer) { }
let url = "http://example.com";
this.iframeSrc = this.sanitizer.bypassSecurityTrustResourceUrl(url);
这样,就可以避免在Angular 12中使用DomSanitizer的Iframe src属性问题,并成功动态设置源。