Os dados que retornam da chamada da API através do serviço para o componente são um objeto e parecem precisar ser uma Matriz para Angular.
Devolvi dados que funcionam muito bem
dados de trabalho são
data: Array(16)
Os dados que NÃO estão funcionando são assim
data: Menu1Items: Array(5) > 0 { .... } etc
Estou usando o Angular 5 e, portanto, o serviço retorna dados como este
.map((response: Response) => {
return response;
Em seguida, o componente o intercepta e o console.log funciona bem
this.arsSevice.getMenu()
.subscribe(
result => {
this.testing = result;
console.log('menu',result);
})
problema é com os dados, esta captura de tela mostra o problema, eu simplesmente não entendo como corrigi-lo com o objeto vs matriz?
mensagem de erro SOMENTE por causa do HTML TEMPLATE
Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.
Modelo HTML
<li *ngFor="let item of testing">
Imagem que mostra que uma chamada semelhante em arquitetura com loop de modelo html, componente, serviço, a chamada em funcionamento é BOTTOM,component
observe o diferente em comparação com o chamadomenu
com o qual estou tendo problemas?