Angular 2+ safe html

Merhaba,

Angular +2 sürümlerinde sayfa içerisinde bir elementin içerisine HTML basmak/render etmek istiyorsak

aşağıdaki gibi bir pipe kodu oluşturup kullanabiliriz.

import { DomSanitizer } from '@angular/platform-browser';
import { PipeTransform, Pipe } from '@angular/core';

@Pipe({ name: 'safeHtml'})
export class SafeHtmlPipe implements PipeTransform  {
  constructor(private sanitized: DomSanitizer) {}
  transform(value) {
    return this.sanitized.bypassSecurityTrustHtml(value);
  }
}

<div [innerHTML]="htmlString | safeHtml"></div>