在引导模块中注入参数

Question

我有这样的事情：

@NgModule({
    imports: [ BrowserModule ],
    declarations: [ LoaderComponent ],
    bootstrap: [ LoaderComponent ],
})
export class AppModule {
    constructor( private params : BootstrapParams  ) {
    }
}

export class BootstrapParams {
    public urlParam : String;
    constructor(screenUrl : String) {
        this.urlParam = screenUrl
    }
}

从我的 main.ts 我有：

export function main(screenUrl) {
    platformBrowserDynamic().bootstrapModule(AppModule, {providers: [ { provide :  BootstrapParams, useFactory: () => new BootstrapParams("/bla/bla") }]});
}

但这是在扔

"Can't resolve all parameters for AppModule: (?).(…)"

而且我不明白我做错了什么，我已经阅读了所有文档，但是将数据传递到根模块的示例并不多。

Answer 1

好的，我自己回答，问题似乎在于在与 AppModule 相同的文件中声明 BootstrapParams。它可以在同一个文件中，但必须在之前声明。喜欢：

export class BootstrapParams {
    public urlParam : String;
    constructor(screenUrl : String) {
        this.urlParam = screenUrl
    }
}

@NgModule({
    imports: [ BrowserModule ],
    declarations: [ LoaderComponent ],
    bootstrap: [ LoaderComponent ],
    providers: [ { provide :  BootstrapParams, useFactory: () => new BootstrapParams("/bla/bla") }]

})
export class AppModule {
    constructor( private params : BootstrapParams  ) {
    }
}