APP_INITIALIZER 中的 Angular 4 注入路径

Question

我正在尝试在我的 APP_INITIALIZER 中检索 url 中存在的数据

app.module.ts

export function init(config: ConfigService, router: Router) {
    return () => config.load(router);
}


providers : [
    ...
    {
      provide: APP_INITIALIZER,
      useFactory: init,
      deps: [ConfigService, Router],
      multi: true
    },
    ConfigService 
    ... 
]

config-service.ts

@Injectable()
export class ConfigService 
    load(router: Router): Promise<any> {
        console.log('current url : ' + router.url);
        return new Promise(((resolve, reject) => resolve()));
    }
}

不幸的是我得到了

Cannot instantiate cyclic dependency! ApplicationRef ("[ERROR ->]"): in NgModule AppBrowserModule in ./AppBrowserModule@-1:-1

我也尝试在构造函数中使用Injector，但也没有用。

我正在尝试做的事情是否可行？

Answer 1

config-service.ts 可以改写如下。

@Injectable()
export class ConfigService
    constructor(private injector: Injector){}

    load(): Promise<any> {
        const router = this.injector.get(Router);
        console.log('current url : ' + router.url);
        return new Promise(((resolve, reject) => resolve()));
    }
}

无需在 app.module.ts 中将 Router 作为依赖注入。

Answer 2

我试图做的事情是不可行的，因为 APP_INITIALIZER 发生在路由器初始化之前。 https://medium.com/hackernoon/hook-into-angular-initialization-process-add41a6b7e