Estoy usando angular y visual studio 19, y sucede que al momento de imprimir una lista local de un array se empieza a visualizar con caracteres extraños, cabe mencionar que mi index.html global cuenta con etiqueta charset="utf-8" y con la etiqueta content, Lo raro es que si pongo palabras directo en el componente html, esos caracteres raros no aparecen, únicamente aparecen cuando los cargo en my typescript y trato de imprimirlos en el html, adicionalmente guarde mis archivos html y ts con la opción de "save with encoding" y los cambie a "with signature utf8" pero el problema es que aunque esten firmados se siguen viendo los caracteres raros en componentes, específicamente donde hago una lista de items en typescript y trato de imprimirla con un for en el html Alguna alternativa para solventar esto [![introducir la descripción de la imagen aquí][1]][1] [1]: https://i.sstatic.net/fNO5t.png Actualización código: En esté caso la opción México aparece así en el html México de igual forma es un dropdown como el que se muestra en la foto export class RegistrationDataStepComponent { public countries = [ { value: 'mexico', label: 'México', code: 'MX' }, { value: 'usa', label: 'Estados Unidos', code: 'USA' } ]; } Pasa como parametro a un componente dropdown que reciclo <app-dropdown [label]="'COUNTRY'" [items]="countries"></app-dropdown> componente TS dropdown recibo los valores: export class DropdownComponent { @Input() public items: any = []; } HTML <ng-container> <div #optionsContainer class="options-container"> <div *ngFor="let item of items" > <input type="radio" class="radio" name="category" /> <label >{{ item.label | translate }}</label> </div> </div> </ng-container> `item.label` usa un pipe que en general es para traducir a EN o ES, solo eso, pero `item.label` trae en si el valor de mi array (countries.label = 'México' pero lo muestra así México)