角2オブザーバブルの実装

Question

私はリアクティブプログラミング方法を使用してロジックをラップしようとしています。

ローカルストアにあるかどうかに依存する2つの依存データセットがあります。しかし、私は最初に計算し、次に計算する必要があります。

したがって、このような何か：カテゴリ後最初のifの（1）else及び（2）：

let storageCategories = this.ls.retrieve('categories'); 
if (storageCategories) { 
    // Found in localStorage 
    this.allCategories = storageCategories; 
} else { 
    // Send an HTTP API request and fetch categories 
    // After request is successful lookup for 'result' in localstorage 
    // If result not in localstorage send an HTTP API request 
} 


// RESULT LOGIC 
let storageResult = this.ls.retrieve('result'); 
if (storageResult) { 
    // Found in localStorage 
    return new BehaviorSubject<any>(this.processResultData(storageResult)); 
} else { 
    // Send an HTTP API request and fetch result 
    // If request is successful save in localstorage and return 
} 

は今基本的な問題は、私は2つの場所で結果ロジックを記述したくないですif

結果ロジックを（新しい関数に書き込む以外の）1か所だけにする方法はありますか？

Answer 1

あなたの説明からplunkr hereを作成しました。それがあなたの基準を満たし、あなたの問題を解決するかどうかを見てください。

private getCategories(): Observable<any>{ 
if(this.categoriesInLs){ 
    return Observable.of("categories data"); 
} else { 
    return this.searchService.getCategories(); 
} 
} 

private getResults(): Observable<any>{ 
    if(this.resultsInLs){ 
    return Observable.of("results data"); 
    } else { 
    return this.searchService.getResults(); 
    } 
} 

get(){ 
    this.getCategories() 
    .flatMap(categories => this.getResults()) 
    .subscribe(r => console.log(r)); 
}