在你的模块中,需要将APP_INITIALIZER提供者进行初始化。以下是示例代码:
export function initApp(config: AppConfig) { return () => config.load(); }
@NgModule({ imports: [ CommonModule ], declarations: [ AppComponent ], bootstrap: [ AppComponent ], providers: [ AppConfig, { provide: APP_INITIALIZER, useFactory: initApp, multi: true, deps: [AppConfig] } ] }) export class AppModule { }
在这个示例中,我们首先创建了一个名为initApp的函数,它接受一个类型为AppConfig的参数,然后返回一个函数作为APP_INITIALIZER的回调函数。然后,在模块的提供者数组中,我们添加了AppConfig和APP_INITIALIZER,并使用initApp作为APP_INITIALIZER的工厂函数。当我们的应用程序加载时,AppConfig将被初始化,然后APP_INITIALIZER将被调用并将initApp回调函数作为参数传入。这将确保在任何组件加载之前,我们的应用程序必须先加载配置信息。
上一篇:Angular中模块的问题
下一篇:Angular中默认组件未显示