Angular Cli, TypeScript, como utilizar um get json
Estou desenvolvendo uma aplicação com Angular Cli, estou acompanhado um curso onde ele cria os arrays e cadastra no localStorage do naveador.
Mas eu queria fazer diferente, quero chamar uma api, ler esse json e alimentar meu HTML.
No app.module.ts importei o HttpClientModule e no meu component.ts coloquei o seguinte:
import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Component({
selector: 'app-listar',
templateUrl: './listar.component.html',
styleUrls: ['./listar.component.css']
})
export class ListarComponent implements OnInit {
itensJson: string[];
constructor(private http: HttpClient) { }
ngOnInit() {
const Key = "2hKjRWO84XXPqnffl8lPZW1WCXbSyQj8q5VDpECf";
this.http.get('https://api.com?api_key='+Key).subscribe(data => {
this.itensJson = data['itensJson'];
});
}
}
Só que agora eu não sei como manipular isso. No HTML no tr eu coloquei assim:
<tr *ngFor="let itensJson of itens">
<td>{{ itens.nome }}</td>
</tr>
Mas não exibe nada e eu não sei como eu poderia debugar o retorno do Json, estou estudando as sintaxe do Angular, mas não tenho dificuldades em Javascript. Só quero aprender de forma correta a usar o Angular.
Abraços e obrigado!Discussão (0)
Carregando comentários...