I've tried to render a raw HTML using innerHTML, as bellow:
<span *ngIf="displacyHTML " [innerHTML]="displacyHTML"></span>
This HTML has style in line, but it does not work in that way.
The HTML is rendered, but the style does not.
If I paste the same raw HTML into a separate file it works perfectly.
The styles I mention is used basically to change the background color of the mark tags.
Potentially, you need a SafePipe for your html as your browser does not trust injected html code:
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({ name: 'safePipe'})
export class safePipe implements PipeTransform {
constructor(protected sanitizer: DomSanitizer):{}
transform(value) {
return this.sanitizer.bypassSecurityTrustHtml(value);
}
}
usage in HTML:
<span [innerHtml]="potentiallyNotSafeHtmlCode | safePipe"></span>
