我循环了一个包含有关我文章内容信息的observable,但是当我使用innerHtml时,我仍然会出现HTML标记。
<div *ngFor="let article of informationsArticle|async;">
<p [innerHTML]="article.contenu_part1" *ngIf="article.contenu_part1"></p>
</div>
我不明白为什么,因为它似乎是正确的。
不适用于DomSanitizer:
keep-html.pipe.ts:
import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
@Pipe({ name: 'keepHtml', pure: false })
export class EscapeHtmlPipe implements PipeTransform {
constructor(private sanitizer: DomSanitizer) {
}
transform(content) {
return this.sanitizer.bypassSecurityTrustHtml(content);
}
}
contenu-article.html:
<div *ngFor="let article of informationsArticle|async;">
<p [innerHTML]="article.contenu_part1 | keepHtml" *ngIf="article.contenu_part1"></p>
</div>
我在带有导入的app.module.ts文件的“声明”中添加了EscapeHtmlPipe。