import { Injectable } from '@angular/core';
import { Http, Response, Headers, RequestOptions } from '@angular/http';
import { Observable } from 'rxjs/Rx';
// Import RxJs required methods
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch'
@Injectable()
export class EquipmentService{
data: any;
constructor(private http:Http){
}
getDefaultEquipment(){
this.http.get('./app/SaveData/equipmentTest.json')
.map((res:Response) => res.json())
.subscribe(data => { this.data = data},
err => console.error(err),
() => console.log(this.data));
}
}
从文件中读取数据,重要的是getDefaultEquipment()
。Angular 2 observable如何提取响应?
如果您看到最后一个console.log(this.data)数据是正确的,那正是我所需要的。但如果我return this.http.get(...() => {return this.data})
我得到未定义。我如何获得并返回此数据?
很显然,如果我编写另一个如下所示的返回值,那么observable尚未完成,因此它将返回空数据:any。
//clearly won't work because the get hasn't returned yet
getDefaultEquipment(){
this.http.get(...data => {this.data = data}...);
return this.data;
}
只需返回您的可观察值。您不需要将异步呼叫转换为同步呼叫。 – Cleiton
您无法返回数据。不要订阅。只要返回可观察的。调用者将是订阅者,并将获得传递给subscribe()的回调函数中的数据。 –
太棒了。那就是诀窍。在我的设备组件'this.equipmentService.getDefaultEquipment()中添加了订阅方法subscribe( stuff => {console.log(stuff)}, );'谢谢。 –