Tengo un servicio declarado en angular con el método getSomeData() en la que recojo datos de un json tal que así:
import { Injectable } from '@angular/core';
import {Http} from '@angular/http';
import { HttpModule } from '@angular/http';
import { Observable } from 'rxjs/Rx';
import "rxjs/add/operator/map";
import "rxjs/add/operator/filter";
@Injectable()
export class GetDataService {
constructor(private http: Http) { }
getSomeData() {
return this.http.get("dataTable.json")
.map(res => res.json());
}
}
En el componente tengo una variable data : any;
para pintar los datos en el template.
Al llamar al subscribirse al servicio en el componente con una función normal de javascript tal que así, no me muestra los datos con la respuesta.
ngOnInit():void {
this._service.getSomeData().subscribe(
function(response) { this.data = JSON.stringify(response) },
function(error) { console.log("Error happened" + error)},
function() { console.log("the subscription is completed")}
);
}
Sin embargo si llamo al método subscribe con una Arrow Function si me pinta los datos:
ngOnInit():void {
this._service.getSomeData().subscribe(
response=>{
this.data = JSON.stringify(response);
}
err=>{
console.log("Error happened" + error)
}
);
}
Pienso que es un tema de asincronia ya que con funciones normales no le da tiempo a pintar los datos.