Angular2管道与http服务

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?