避免多次調用可觀察$ | Angular 2+中的異步

Question

在我的組件中，我已經注入了一個服務，它提供當前語言作爲可觀察對象。在該組件的模板，我顯示的價格根據用戶所在的區域幾次，以這種方式：

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

的問題是，我有一個像10個async電話都在我的模板，即使languageService實際上將主題作爲一個共享的觀察值返回，每當管道預訂時都有效地創建一個共享流而不是另一個流，我願意相信有更好的方法可以實現此目的。

Answer 1

分配可觀察到一個字段並綁定到字段，而不是：

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

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