Tengo una tarea en la que necesito representar una etiqueta de selección en el servidor y enviarla al cliente Angular. También me gustaría aplicarle el estilo Material angular. Al generar una etiqueta normal, se representa correctamente. Sin embargo, cuando se usa mat-select, muestra la respuesta como texto sin formato, sin aplicar estilos ni nada. Ya pasé por alto la advertencia de seguridad que muestra Angular sobre la desinfección de la respuesta, por lo que este no es el problema.

insert.service.ts: (servicio para obtener respuesta del servidor)

 getFamilies() { return this.http.get(this.familyUrl, { responseType: 'text' }); }

insertar.componentes.ts:

 html: any; ngOnInit(): void { this.getFamilies(); } getFamilies() { this.insertService.getFamilies().subscribe((response) => { this.html = response; }); }

insert.component.html: (archivo html donde se debe mostrar la respuesta)

 <div class="flex justify-start items-center px-6" [innerHTML]="html | families"> </div>

Tenga en cuenta que 'familias' es el nombre de la canalización que se utiliza para eludir la seguridad de html (función bypassSecurityTrustHtml() ).

¿Qué puede ser una solución?