在点击事件上将值设置为 APP_BASE_HREF

Question

目前我正在使用 APP_BASE_HREF 将当前语言设置为我的应用程序的基本 href。

const appLanguageProvider: any[] = [

  {

    provide: APP_BASE_HREF,

    useFactory: appInitializerFactory,

    deps: [ TranslateService ]

  }

];

export const appInitializerFactory =  (

  translateService: TranslateService,

) => {

  return translateService.currentLang;

};

Base href 在应用程序初始化阶段正确设置，但我想在用户选择新语言时更改应用程序的 basehref。我怎样才能做到这一点？

Answer 1

为什么不TranslateService直接在组件中注入令牌并按需设置新语言？像这样的东西：changeLang(lang: string) {   this.translateService.use(lang);}

Answer 2

如果您想在运行时编辑您的令牌提供程序，您可以使用以下技巧 - 使用 DI 注入注入器，然后：this.injector.create({providers: [...]})