Esto sigue aumentando Error: no se puede encontrar un objeto de soporte diferente '[objeto Objeto]' de tipo 'objeto'. NgFor solo admite el enlace a Iterables como Arrays. Pero funciona cuando trato de imprimirlo en la consola, cualquier ayuda será apreciada, muchachos.
Gracias (:
//TypeScript File : public names = ["Jimmy" , "Lilly"]; public ages = [20,25]; public profile = { Name : this.names, Age : this.ages } //HTML File : <div *ngFor = "let i of profile"> {{i.Name}} {{i.Age}} </div>El error ya menciona cuál es el problema.
NgFor solo admite el enlace a Iterables como Arrays
Necesita usar una matriz para que *ngFor funcione
//TypeScript File public jimmy = { Name: "Jimmy", Age: 20 }; public lilly = { Name: "Lilly", Age: 25 }; public profiles = [jimmy, lilly] //HTML File : <div *ngFor = "let i of profiles"> {{i.Name}} {{i.Age}} </div>No sé si estoy seguro de lo que está tratando de lograr, pero vincular i.Name es incorrecto ya que definió Name como una matriz. Puede recorrer el perfil. Nombre usando ngFor y luego vincular la propiedad "nombre". Cambiar los nombres de las variables podría ser menos confuso :)
<div *ngFor="let i of profile.Name"> {{i.name}} </div>Lo mismo es aplicable para la Edad