1
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().

最後の console.log(this.data) が表示された場合、データは正しく、まさに私が必要としているものです。しかし、私return this.http.get(... () => {return this.data})が未定義になった場合。this.data を取得して返すにはどうすればよいですか??

明らかに、次のような別のリターンを記述した場合、オブザーバブルはまだ完了していないため、空のデータが返されます: any.

//clearly won't work because the get hasn't returned yet
getDefaultEquipment(){
    this.http.get(...data => {this.data = data}...);
    return this.data;
}
4

1 に答える 1