Tengo unos datos que tienen la siguiente estructura.
(users)
[
{
"id": --,
"Name": "--",
"Email": "--",
"Password": "--",
"group": {
"id": 1,
"name": "--",
},
"school": {
"id": 1,
"name": "--",
}
}
]
Estoy intentando mostrarlos en una tabla usando ngfor
<tr *ngFor="let users of listUsers">
<td><div >{{ users.id}}</div></td>
<td><div >{{ users.Name }}</div></td>
<td><div >{{ users.Email }}</div></td>
<td><div >{{ users.Password }}</div></td>
<td *ngFor="let group of users.group"><div>
{{group.name}}</div></td>
<td><i class="fas fa-edit text-primary"></i></td>
</tr>
A pesar de que he visto en otras preguntas que esta es la forma correcta no funciona. He intentado de diferentes soluciones y recibo el error en la consola del navegador:
ERROR Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.
Adjunto los archivos ts y el modelo que uso.
.ts file:
import { users } from '../../models/users';
listUsers: users[] = [];
ngOnInit(): void { this.getUsers()}
getUsers(){
this.usersService.getUsers().subscribe(data => {
console.log(data);
this.listUsers= data;
}, error=>{
console.log(error);
})
}
models file:
export class users{
id: number;
Name: string;
Email: string;
Password: string;
group: any;
school: any;
constructor(Name: string,
Email: string, Password: string , group: any , school: any){
this.Name=Name;
this.Email=Email;
this.Password=Password;
this.group= group;
this.school=school;
}
}
Esto es lo que busco mostrar en la tabla y me da error en el group y school.
- id (se muestra correctamente)
- Name (se muestra correctamente)
- Email (se muestra correctamente)
- Password (se muestra correctamente)
- group name error (queda vacio el campo)
- school name error (queda vacio el campo)
En la tabla con la respuesta, me muestra todo el objeto group, es decir:
id | Name | Email | Password | group | school
-- -- -- -- id : 1 name: -- createdAt: -- updateAt:--
Solo necesito que en el campo muestre el nombre del grupo. Se puede con esta forma de iterar seleccionar solo eso o ya depende de la informacion que envía el backend?
usuario.id
en lugar deuser.id