innerHTML无法在角度模板中工作

时间:2018-01-13 21:43:35

标签: javascript html angular typescript ionic-framework

我循环了一个包含有关我文章内容信息的observable,但是当我使用innerHtml时,我仍然会出现HTML标记。

<div *ngFor="let article of informationsArticle|async;">

      <p [innerHTML]="article.contenu_part1" *ngIf="article.contenu_part1"></p>

</div>

enter image description here

我不明白为什么,因为它似乎是正确的。

不适用于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。

0 个答案:

没有答案