innerHTML can't catch class from .scss in the component

Question

The code is in Angular 9. Display the default paragraph. Can't catch class from .scss in the component.

.HTML:

<div [innerHTML]="htmlCode"></div>

.TS:

htmlCode: string = "<p class='newClass'>TEST</p><br>TEST<br>";

.SCSS:

.newClass{
  background-color: red;
}

Answer 1

Just add in styles code from scss, and encapsulation: ViewEncapsulation.None

@Component({
  ...
  styles: ['
    .newClass{
       background-color: red;
    }
  '],
  encapsulation: ViewEncapsulation.None,
})