Pre-loading user-specific routes in Angular: GIST App initializer

app.initializer.ts

export function onAppInit(injector: Injector): () => Promise<any> {
  return (): Promise<any> => {
    return new Promise((resolve, reject) => {
      let router = injector.get(Router);

      console.log('**** INITIAL ROUTES ****');
      console.log(router.config);
      
      // Do whatever you want to get your user's permissions and then use only the routes that the user should have an access to
      // In here, I am hard coding that the user should have no access to the admin page
      let userPermittedRoutes = router.config.filter(i => i.path != 'admin'); 

      router.resetConfig(userPermittedRoutes); // New routes without the admin

      console.log('**** FILTERED ROUTES ****');
      console.log(router.config);

      resolve();
    });
  };
}