如何解决ngx-translate 无需刷新页面即可翻译 Angular 应用程序以从 BE 获取所有数据
如何使用 ngx-translate 翻译 Angular 应用程序而不刷新页面以使用新的语言标题再次从 BE 获取所有数据?
解决方法
使用 TranslatePipe 或 TranslateDirective 获取翻译值。
喜欢:<div [translate]="'HELLO'" [translateParams]="{value: 'world'}"></div>
或:<p>{{ 'ROLES.' + role | uppercase | translate }}</p>
如果您在 component.ts 中获得翻译并且不想刷新,则必须使用 observables 来获取更改:
translate.get('HELLO',{value: 'world'}).subscribe((res: string) => {
console.log(res);
//=> 'hello world'
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。