Cómo mostrar el objeto json usando * ngFor

Deseamos proponerte la mejor información que hallamos en internet. Esperamos que te resulte de mucha ayuda y si puedes compartir alguna mejora hazlo con libertad.

Solución:

Necesita implementar una tubería personalizada para hacer esto. ngFor solo admite array y no objetar.

Esta tubería se verá así:

@Pipe(name: 'keys')
export class KeysPipe implements PipeTransform 
  transform(value, args:string[]) : any 
    let keys = [];
    for (let key in value) 
      keys.push(key: key, value: value[key]);
    
    return keys;
  

y úsalo así:

           
  Key: entry.key, value: entry.value

Consulte esta pregunta para obtener más detalles:

• acceso key y valor del objeto usando * ngFor

Puedes poner el keys en un array y ng-repetir el keys.

export class IterateOverObject 
    public arrayOfKeys;

    @Input heros;
    constructor() 
        this.arrayOfKeys = Object.keys(this.heros);
    



  key heros[key].name

Esto me parece simple .. Más información está aquí

La identificación de Firebase se llama PSkey. Además, # ahora se cambia a dejar. Esto funcionaría para ti:

  hero.$key hero.name

---

---

Utiliza Nuestro Buscador