Tengo una aplicación angular 12 y tengo una llamada de servicio que devuelve un objeto. Necesito iterar a través del objeto y mostrar los valores en el HTML. El problema es que necesito usar tipos mecanografiados estrictos. Así que "cualquiera" no está permitido . Aquí está mi código de trabajo y funciona bien si declaro archivos: cualquiera; Pero necesito usar tipos estrictos de escritura a máquina, por lo que no se permite "cualquiera".
LLAMADA DE SERVICIO:
public getUserUploadedFileName() { return this.httpClient.get(this.url); }ARCHIVO TS:
files: any; this._myService .getUserUploadedFileName() .subscribe((data) => { this.files = data; });html:
<div *ngFor="let file of files"> {{ file }} </div>Puede obtener los valores por:
this._myService .getUserUploadedFileName() .subscribe((data) => { this.files = Object.values(data); });Después de la sección de importaciones, declare una interfaz que se ajuste a sus propiedades de datos:
//imports ..... export interface IResponseData { property1:string; property2:number; property3:string; } files: Array<IResponseData>; this._myService .getUserUploadedFileName() .subscribe((data:Array<IResponseData>) => { this.files = data; });