Feature(scope): Route Title Resolver

[Doublon]

Is there an existing issue for this?

• I have searched the existing issues

Which Transloco package(s) will this feature affect?

Don't know / other

Is your feature request related to a problem? Please describe

Hi everyone,

I'm looking for a way to translate every tab title without duplicating the code. To solve this, I would like to create a resolver such as:

export const titleTranslationResolver: ResolveFn<string> = (route, state) => {
  console.log("titleTranslationResolver")
  if (!route.data["titleKey"]) {
    return Promise.resolve('Default title');
  }

  const transloco = inject(TranslocoService);
  return Promise.resolve(transloco.translate(route.data["titleKey"]));
};

and use it in my router:

export const routes: Routes = [
  {
    path: 'participants',
    title: titleTranslationResolver,
    pathMatch: 'full',
    loadComponent: () => import('@presentation/pages/participants-page/participants-page.component').then(m => m.ParticipantsPageComponent),
    canActivate: [ConnectedGuard],
    data: { titleKey: 'participant_list' }
  },
  { path: '',   redirectTo: 'participants', pathMatch: 'full' },
  {
    path: '**',
    title: titleTranslationResolver,
    loadComponent: () => import('@presentation/pages/not-found-page/not-found-page.component').then(m => m.NotFoundPageComponent)
  }
];

The issue with this solution is that Transloco is initialized after my routes, even with this code:

export const appConfig: ApplicationConfig = {
  providers: [
    provideHttpClient(),
    provideTransloco({
      config: {
        availableLangs: ['en'],
        defaultLang: 'en',
        // Remove this option if your application doesn't support changing language in runtime.
        reRenderOnLangChange: true,
        prodMode: !isDevMode(),
      },
      loader: TranslocoHttpLoader
    }),
    provideRouter(routes),
  ]
};

Describe the solution you'd like

Maybe I did something wrong, but here are two potential solutions:

• Use a native Transloco resolver for translating tabs.
• Allow the TranslocoHttpLoader to initialize before the router.

Describe alternatives you've considered

For now I translate in every component "page" in the ngOnInit method

Additional context

No response

I would like to make a pull request for this feature

No