Angular 5 - Hygienisierung HTML mit Rohr

Question

Wenn ich die Warnung bekam „WARNUNG: Hygienisierung HTML einige Inhalte beraubt“ habe ich einige der Forschung und sah, wie Menschen das Rohr unten oder ein Rohr verwenden, die unter

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

@Pipe({ 
    name: 'sanitizeHtml' 
}) 
export class SanitizeHtmlPipe implements PipeTransform { 

constructor(private _sanitizer:DomSanitizer) { } 

transform(v:string):SafeHtml { 
    return this._sanitizer.bypassSecurityTrustHtml(v); 
} 
} 

wie das aussieht ich bekomme

leider immer noch den gleichen Fehler, auch wenn ich das Rohr wie folgt implementieren:

Also ich frage mich, ob ich das Rohr falsch umgesetzt oder ist es etwas anderes, warum es nicht funktioniert?

Edit:

Beispiel specialist.blocks [0] .paragraph.html: "< div id =" test“class = "test"> \ n < h3> NAME FACH </h3> \ n < p> Zufallstext </p> </div> \ n </div> "

Beispiel package.fields.remarks:" Arrangement:. 3 nachten incl ontbijt en 2 greenfees pp traf keuze uit Nord en Süd < br> \ n- gratis dagelijkse toegang to de spa (1 Uhr Hamman, Sauna, Schwebebad, Hydromassage) "

Beispiel für package.fields.name: "Shortbreak 3 nachten < br> 2 Pers./Superior Double/LO, inkl. golf“

Getting die Warnungen in Firefox und Chrome

Answer 1

Demo: https://stackblitz.com/edit/angular-vjt27k?file=app%2Fsanitize-html.pipe.ts

pipe.ts

import { Pipe, PipeTransform } from '@angular/core'; 

@Pipe({ name: 'sanitizeHtml'}) 

export class sanitizeHtmlPipe implements PipeTransform { 
    transform(value) { 
    return value.split('< ').join('<'); 
    } 
}