Eu estou tentando exibir uma lista usando ngFor mas está dando este erro: ERROR Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.
Alguem pode me dizer o porque?
Json:
{
result:{
_id:"5be5c978dec9a11c0cba3d45",
date:"2018-11-16T02:00:00.000Z",
dayOfWeek:"Friday",
times:[
{
name:"a",
hourInit:"06:00",
_id:"5be5c978dec9a11c0cba3d54"
},
{
name:"b",
hourInit:"07:00",
_id:"5be5c978dec9a11c0cba3d53"
},
{
name:"c",
hourInit:"08:00",
_id:"5be5c978dec9a11c0cba3d52"
}
]
}
}
metodo list do Service:
list() {
return this.http.get<Programming[]>(this.API)
.pipe(
tap(console.log)
)
}
}
Componente:
export class ProgrammingListComponent implements OnInit {
schedules: Programming[];
schedules$:Observable<Programming>
constructor(private service: ProgrammingService) {}
ngOnInit() {
this.schedules$ = this.service.list();
}
}
model:
export interface Programming {
_id: number;
date:Date;
dayOfWeek:string;
times: [];
}
ngfor
, logo pode ser a forma do model como pode ser apenas um erro no ngfor, não tem como sabermos. Se quer exibirtimes:
no NgFor até pode fazer algum sentido, mas tem que mostrar algo relacionado ao erro. NgFor é um funcionalidade do Angular e não do TypeScript, portanto é bem mais provel que o erro seja nela, ou a partir dela, mas para sabermos é preciso que mostre um exemplo Mínimo, Completo e Verificável, leia principalmente a parte que diz "Garanta que o exemplo realmente reproduza o problema!".