Intento cargar html con innerHTML pero no funciona.

página.ts

 htmlStr = `<div [ngClass]="getClass('COLECTOR')">HELLO WORLD</div>`;

página.html

 <div [class]="getClass('COLECTOR')"> </div>

Cuando inspecciono el código en Chrome:

-Si uso [innerHtml] el método no funciona. Ver el método como cadena:

 <div [ngclass]="getClass('COLECTOR')">HELLO WORLD</div>

-Si no uso la pipa solo veo:

 <div>HELLO WORLD</div>

Pero.............

Si coloco la etiqueta div en page.thml sin cargar el html de la cadena con innerHTML, funciona

 <div [ngClass]="getClass('COLECTOR')">HELLO WORLD</div>

cuando inspecciono el código veo:

 <div class="manual">HELLO WORLD</div>

Esto último es lo que quiero obtener pero cargando el HTML desde una cadena.

tubo

 @Pipe({ name: "domSanitizer", }) export class DomSanitizerPipe implements PipeTransform { constructor(private sanitizer: DomSanitizer) {} transform(value: string, type: string): SafeHtml | SafeStyle | SafeScript | SafeUrl | SafeResourceUrl { switch (type) { case 'html': return this.sanitizer.bypassSecurityTrustHtml(value); ...