在APP_INITIALIZER启动服务之前访问路由参数值-angular2

Question

If I'm using startup service to check certain business rules (retrieved over web service) and upon that information I grant or denied access to the app

inside app.module startup service is registered as follows ...

const APP_PROVIDERS = [
  AppState,
  GlobalState
];

export function startupServiceFactory(startupService: StartupService): Function {
  return () => startupService.load();
}
@NgModule({
    bootstrap: [App],
    declarations: [
        App    
    ],
    imports: [ 
        ...
    ]
    providers: [
        DataService,    
        StartupService,
        APP_PROVIDERS,
        {
            // Provider for APP_INITIALIZER
            provide: APP_INITIALIZER,
            useFactory: startupServiceFactory,
            deps: [StartupService],
            multi: true
        }
    ],
})

export class AppModule {
  constructor(public appState: AppState) { }
}

Now I want further to extend this. I want to fetch route param value before startup service is entered, and to pass this param value to the startup service.

So I tried following,

app.routing.ts
export const routes: Routes = [    
  { path: 'myapp/:name', component: AppComponent }   
];

inside AppComponent I tried to fetch this on init

ngOnInit() {    
    let name = this.route.snapshot.params["name"];
    storageService.save('nameValue', name);
 }

startupService.ts

 export class StartupService{
    private name: string;
    constructor(private storage: StorageService){
        this.name = storage.get(nameValue); 
    } 

    // using this.name further ... 
 }

This not working since startupService is loaded before AppComponent and therefore name variable inside StartupService is always undefined.

How can I change this to inject route param value to the startup service over storage service (or any other way)?

Answer 1

在startupServiceFactory中，我将直接使用window.location，解析queryparam，然后保存值（全部在startupServiceFactory中），然后在下游可以使用更多的“纯”角度代码