在Angular 8中,如果HTML数据没有在view-source中显示,可能是由于Angular的安全策略导致的。为了解决此问题,可以尝试以下方法:
在组件的代码中,将htmlData变量设置为要显示的HTML数据。
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
然后,在组件的构造函数中注入DomSanitizer:
constructor(private sanitizer: DomSanitizer) {}
接下来,使用DomSanitizer的bypassSecurityTrustHtml方法来设置可信任的HTML数据:
htmlData: SafeHtml;
ngOnInit() {
this.htmlData = this.sanitizer.bypassSecurityTrustHtml('Hello Angular!
');
}
在组件的HTML模板中,使用innerHTML属性来显示htmlData变量的值:
这样,HTML数据就会在view-source中显示了。
请注意,使用innerHTML属性或DomSanitizer绕过安全策略可能存在潜在的安全风险,请确保只显示可信任的HTML数据。