问题描述: 在Angular中,使用DomSanitizer时发现它没有正常工作。
解决方法:
在组件中,确保正确导入DomSanitizer和SafeHtml:
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
在组件的构造函数中注入DomSanitizer:
constructor(private sanitizer: DomSanitizer) {}
使用DomSanitizer的bypassSecurityTrustHtml方法来处理HTML字符串:
htmlString: string = 'Some HTML content
';
safeHtml: SafeHtml;
ngOnInit() {
this.safeHtml = this.sanitizer.bypassSecurityTrustHtml(this.htmlString);
}
在模板中使用safeHtml来展示处理后的HTML:
这样就可以正确使用DomSanitizer来处理HTML字符串,并在模板中展示安全的HTML内容了。