Criei uma service para carregar uma API Json:
import { Injectable } from '@angular/core';
import { Http, Response, Headers } from '@angular/http';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/do';
@Injectable()
export class PlanosService {
//get Json Servicos
planos: Object[] = [];
constructor(http: Http) {
http
.get('https://api.carguruclub.com/v1/servicos')
.map(res => res.json())
.subscribe(planos => {
this.planos = planos;
console.log(this.planos);
}, erro => console.log(erro));
}
}
No callback ele me retorna o objeto, mas minha dúvida é em como manipular para que consiga exibir seus campos em minha view. Exemplo:
{
"products": [
{
"_id": "5886f570f0d1fb003caea75b",
"id": "lavagem_padrao",
"name": "Lavagem Padrão",
"desc": "Lavagem completa",
"recommendation": "Carguru recomenda a lavagem Padrão se você procura a melhor lavagem básica do mundo. Inclui calibragem dos pneus e o nosso famoso checklist."
}
]
}
Queria exibir o campo name do objeto Products: {{products.name}} Mas travei em como fazer esta parte. Agradeço desde já
console.log(this.planos);
retorna o json que da pergunta? por quê está utilizando.subscribe()
ao invés de.then()
?planos: Object[] = [];
porplanos: any;
se der/não der certo me avise por favor