ngx translate翻译Angular应用程序，无需刷新页面即可从BE获取所有数据

Question

如何使用ngx-translate来翻译Angular应用程序，而不刷新页面，使用新的语言标头再次从BE获取所有数据？

Answer 1

使用TranslatePipe或TranslateDirective获取翻译值。

类似：<div [translate]="'HELLO'" [translateParams]="{value: 'world'}"></div>

或：<p>{{ 'ROLES.' + role | uppercase | translate }}</p>

如果你在component.ts中得到了你的翻译，并且你不想刷新，你必须使用可观察到的来获得更改：

translate.get('HELLO', {value: 'world'}).subscribe((res: string) => {
console.log(res);
//=> 'hello world'
});