Angular 4 在 APP_INITIALIZER 中注入(inject)路由

Question

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

应用程序模块.ts

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


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

配置服务.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 中注入(inject) Router 作为依赖。