作成Observable <T>から結果

Question

私はAngular2を試しています。

私は、Webサービスからの植物のリストをダウンロードし、私のサービスでは

（私は選択肢.. asyc /のawaitが到着していることをあまり好きではない）の代わりに約束のHTTPサービス利用Obserableオブジェクトことに気づきました。プラントをクリックすると、ルーティングを使用して詳細が表示されます。 しかし、このようにして私が戻ると、植物は再びダウンロードされます（コンストラクタが再び呼び出されるため）。私のような何かをしたい、この回避するために

：

public getPlants():Observable<Plants[]> 
{ 
    if (this._plants != null) 
     return Observable.fromResult (this._plants); //This method does not exists 

    return this._http.get('../../res/heroes.json')... 
} 

はそれを行う方法はありますか？ tsファイルでObservableクラスをインポートするにはどうすればよいですか？

ありがとう！

Answer 1

これは私の実用的なソリューションです：

if (this._heroes != null && this._heroes !== undefined) { 
    return Observable.create(observer => { 
     observer.next(this._heroes); 
     observer.complete(); 
    }); 
} 

私はこれが最善の解決策であることを願っています。

Answer 2

TypeScript（またはそれに関するJavaScript）のメソッドはofと呼ばれます。 webpackのようなモジュールバンドラを使用している場合は、演算子もインポートする必要があります。コメントのSergioLを信じてください。

例：

import { Observable } from "rxjs/Observable"; 
import 'rxjs/add/observable/of'; 

public getPlants(): Observable<Plants[]> { 
    // this can be changed to a member variable of course 
    let mocked: Plants[] = [{ 
     id: 1, 
     image: "hello.png" 
    }]; 
    // returns an Observable that emits one value, mocked; which in this case is an array, 
    // and then a complete notification 
    // You can easily just add more arguments to emit a list of values instead 
    return Observable.of(mocked); 
}