避免多次調用observable $ | Angular 2+中的異步

Question

在我的組件中，我已經注入了一個服務，它提供當前語言作為可觀察的。 在該組件模板中，我基於用戶的語言環境多次顯示價格，方式如下：

<p>{{price.toLocaleString(languageService.getCurrentLanguage() | async, { style: 'currency', currency: 'EUR' })}}</p>

問題是我在我的模板上有10個async調用，即使languageService實際上將主題作為共享的observable返回，每次async管道訂閱時有效地創建一個共享流而不是不同的流，我願意相信有更好的方法來做到這一點。

Answer 1

將observable分配給字段並綁定到該字段：

<p>{{price.toLocaleString(currentLanguage() | async, { style: 'currency', currency: 'EUR' })}}</p>

constructor(languageService:LanguageService) {
 this.currentLanguage = languageService.getCurrentLanguage();
}