This is by design in Angular 2+ for security reasons. You can workaround it by using the DomSanitizer class.

For example you can make a pipe that prevents sanitization of the value:

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

import { DomSanitizer, SafeHtml } from '@angular/platform-browser';



@Pipe({ name: 'noSanitize' })

export class NoSanitizePipe implements PipeTransform {

   constructor(private domSanitizer: DomSanitizer) {



   }

   transform(html: string): SafeHtml {

      return this.domSanitizer.bypassSecurityTrustHtml(html);

   }

}

Then you can use it in binding for example like this:

<div [innerHTML]=htmlText | noSanitize>

</div>