Angular 9 - ngx-translate，避免在多个组件中重复构造函数代码

Question

我最近开始从事 Angular 9 项目，我正在使用 ngx-translate 进行国际化。我使用这个 https://stackblitz.com/github/ngx-translate/example

实现了基本的 poc

问题是构造函数中的代码需要在不同的组件中重复多次，我需要避免在多个组件中重复代码。

constructor(public translate: TranslateService) {
translate.addLangs(['en', 'fr']);
translate.setDefaultLang('en');

const browserLang = translate.getBrowserLang();
translate.use(browserLang.match(/en|fr/) ? browserLang : 'en');}

我试过采用这种方法，但未能成功。

如有任何帮助，我们将不胜感激。谢谢

Answer 1

您在堆栈闪电战中所做的是正确的；

您不需要在其他组件上重复该代码，如果您在 app.module 中创建其他组件，您将能够使用下拉菜单配置的语言进行管道翻译

这是更新后的 stackblitz（检查 comp2 组件）https://stackblitz.com/edit/github-dcfbmu

Angular 9 - ngx-translate，避免在多个组件中重复构造函数代码

Angular 9 - ngx-translate, avoid repeating constructor code in multiple components

ngx-translate

angular