Skip to main content
Adicion d codigo de muestra
Origen Enlace
Jonathan G
  • 600
  • 1
  • 3
  • 13

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í

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)

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í

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í

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)

Origen Enlace
Jonathan G
  • 600
  • 1
  • 3
  • 13

Componentes html guardar codificacion a utf8

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í