避免多次调用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();
}