lazyLoad and onBefore/onEnter for angular2/4/5?

[schmitch]

Hello, I'm using angular-hybrid successfully.

However now we wanted to create Loading Screens for our lazyLoaded Angular4 Modules. That somehow did not work.
We tried a global Transition Service on angularjs (however that is never called, no matter what the priority is):

   // angularjs code
    $transitions.onBefore({ to: 'a.**'}, (transition: Transition) => {
      // if authentication was successfull return true or Promise<true>
      // if it failed either return false / Promise<false> or a new Promise<state>
      console.log('Transition onBefore:', transition);
      transition.injector().get('Loading').show = true;
      return true;
    }, {priority: 1});

and also a onEnter hook directly on the lazyLoaded module:

// angular code
export function onEnterLazyLoad(transition: Transition) {
  console.log('onEnterLazyLoad')
  const loadingService = transition.injector().get<LoadingService>('LoadingService');
  loadingService.show = true;
  return true;
}
 {
    name: 'analysis.**',
    url: '/analysis',
    loadChildren: './lazy/analysis/analysis.module#AnalysisModule',
    onEnter: onEnterLazyLoad,
    data: { requiresAuth: false }
  },

However none works, only onSuccess/onError is called onError is called since the transition will actually be forwarded and then onSuccess is called. But under no circumstances is onEnter or onBefore called.

Any ideas?

[schmitch]

nvm...