在Angular 7中,可以使用DomSanitizer来解决混合内容的问题。以下是一种解决方法的代码示例:
首先,导入DomSanitizer类:
import { DomSanitizer } from '@angular/platform-browser';
然后,在组件的构造函数中注入DomSanitizer:
constructor(private sanitizer: DomSanitizer) { }
接下来,创建一个方法来清除混合内容:
sanitizeHtml(html: string) {
return this.sanitizer.bypassSecurityTrustHtml(html);
}
在HTML模板中,通过调用sanitizeHtml方法来清除混合内容:
在上面的代码示例中,将HTML内容作为参数传递给sanitizeHtml方法,并使用DomSanitizer的bypassSecurityTrustHtml方法来清除混合内容。然后,使用属性绑定将清理后的HTML内容绑定到一个div元素的innerHTML属性上。
请注意,使用DomSanitizer来清除混合内容可能存在安全风险,请确保你信任传递给sanitizeHtml方法的HTML内容。