Question Regarding Lazy Loading with new Angular 17+ API

[Galileon-venta]

With Standalone Components are there any resources regarding lazy loading additional Translations for lazy loaded Components? Is it still only possible using importProvidersFrom()?

[rbalet]

Hey @Galileon-venta.
That is a really good question.

there is (yet ; ) no official way to support it and if wished I could do a PR, but here is a way you could deal with lazy loading in Angular 17+

1. Create a resolver

export const HomeTranslationsResolver: ResolveFn<void> = async () => {
  const http = inject(HttpClient);
  const translate = inject(TranslateService);
  const loader = new TranslateHttpLoader(http, './assets/i18n/home/', '.json');

  loader.getTranslation(translate.currentLang).subscribe((translations) => {
    translate.setTranslation(translate.currentLang, translations, true);
    // True: merges all files together
    // False: Replace the files
  })
};

2. use it int he route where you'd need it.

// ...
{
  path: 'home',
  resolve: {
     HomeTranslationsResolver,
  },
  loadComponent: () => /...
}

Please, close this issue if it does answer your question ; )

Happy coding <3

Note: HttpBackend

If this PRs get accepted, you'll have to use inject(HttpBackend) instead ;)

---

@CodeAndWeb Should I create a new resolver ?

• Yes: what about adding it inside the http-loader library ?
• No: Would you find a separate library handy ?

[Galileon-venta]

Interesting approach; Without testing it in actual code, it seems to me that this would not include live language change possibilities but rather would require a page reload while changing the language. I assume it's not that hard to add a subscription for the language change here, but it offers potential problems to keep in mind when it comes to clean-up. Would love to see an official suggestion to reduce the possible varieties of implementation here.

[rbalet]

@Galileon-venta good catch, I'll analyse the code, modify it and see if I can get a PR to add official support for this kind of resolver