在Angular中,可以使用DomSanitizer
服务来安全地嵌入带有保留样式属性的标记。下面是一个示例:
首先,导入DomSanitizer
和SafeHtml
:
import { Component } from '@angular/core';
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
然后,在组件类中注入DomSanitizer
:
constructor(private sanitizer: DomSanitizer) { }
接下来,创建一个带有保留样式属性的标记字符串:
htmlString = 'Hello Angular!';
然后,使用DomSanitizer
的bypassSecurityTrustHtml
方法来安全地嵌入标记:
safeHtml: SafeHtml;
ngOnInit() {
this.safeHtml = this.sanitizer.bypassSecurityTrustHtml(this.htmlString);
}
最后,在模板中使用[innerHTML]
指令来显示安全的HTML内容:
这样,带有保留样式属性的标记就可以安全地嵌入到Angular应用中了。