帶有http服務的Angular2管道

Question

我想將鍵值轉換爲值（使用服務器調用從服務器獲取）。

查看

<div> {{ 'SomeText1' | performtranslation }} </div> 
<div> {{ 'SomeText2' | performtranslation }} </div> 

管定義

transform(key: string): string { 
    //http server call 
    var updatedValue = http.get(key); //Just example 
    return updatedValue ; 
} 

因爲在這裏我們有兩個翻譯，呼叫服務器時作出兩次。同樣，如果有100個按鍵，則會有100個電話。我們如何限制和做一個電話。

Answer 1

您可以使用緩存結果並在緩存中找到時立即將其返回的服務（單例），而不是調用服務器。另請參見What is the correct way to share the result of an Angular 2 Http network call in RxJs 5?