在Angular 12中，对于设置Iframe src属性的动态值，需要使用DomSanitizer服务来保证应用程序的安全性。但是，在动态设置src属性时，会抛出以下错误：

core.js: 6210 ERROR DOMException: Blocked loading mixed active content “http://example.com”

这个错误是因为在Angular 12中，只有安全的URL才能被使用。为了解决这个问题，需要执行以下步骤：

1. 引入DomSanitizer依赖注入

import { DomSanitizer } from '@angular/platform-browser';

2. 在组件的构造函数中注入DomSanitizer

constructor(private sanitizer: DomSanitizer) { }

3. 在组件中创建Iframe并使用DomSanitizer过滤源

let url = "http://example.com";
this.iframeSrc = this.sanitizer.bypassSecurityTrustResourceUrl(url);

4. 在组件的模板中使用Iframe的src属性

这样，就可以避免在Angular 12中使用DomSanitizer的Iframe src属性问题，并成功动态设置源。