使用公共提供程序延迟加载

Question

我在ionic 3 项目上实现了延迟加载模式。它工作得非常好。 不过我有一个问题。假设我需要在应用程序上实现原生StatusBar 功能。因此我必须在每个页面上以不同方式实现它，我已将其放在app.module.ts 上，如下所示。

providers: [
    StatusBar,
]

这是好方法还是我需要在每个组件的模块上注入StatusBar 作为provider？对我来说，这似乎是多余的工作。但是最好的方法是什么？为什么会这样？

Answer 1

尽管@SrAxi 的回答很完美，但在 Ionic 中使用 Cordova 插件时，由于插件只是用作提供者（而不是整个模块），您可以将其添加到 providers 数组中app.module.ts 文件，一切正常。

这是使用大多数 cordova 插件的推荐方式（因为它们不是模块，只是提供程序）

Answer 2

如果您希望该服务在全球范围内使用，您可以将 StatusBar 添加到您的 AppModule 的 providers。但如果StatusBar 不仅仅是Service，它可能会给您带来一些实例问题。 （我对这种方法有一些问题）。

想象一下，I18nModule（用于翻译）包含其服务。通过将I18nModule 添加到AppModule 的imports，我将在I18nModule 中拥有多个服务实例。

解决方案是使用forRoot():

export class I18nModule {
    static forRoot() {
        return {
            ngModule: I18nModule,
            providers: [I18nService, MyService1, MyService2]
        };
    }
}

然后在AppModule:

imports: [
   I18nModule.forRoot(),
]

使用forRoot()，我们会将I18nModule 实例化（及其服务，返回您的问题）作为单例。

总结：

如果它只是一个服务也没关系，但如果它是一个模块的一部分，你必须注意不要将相同的服务实例化 2 次，然后你将花费数小时试图理解为什么 '工作' 服务没有完成它的工作。

更新：

Angular 旨在模块化，因此，鼓励为每个上下文创建模块，例如：

imports: [
        BrowserModule,
        BrowserAnimationsModule,
        FormsModule,
        HttpModule,
        BrowserAnimationsModule,

        CoreModule,
        LayoutModule,
        I18nModule.forRoot(),
        BarHandlingModule, // Example
        InventedModule  // Example too
    ],

意思是在阅读 Angular 的文档后，您应该为核心功能创建一个模块，为您的用户上下文创建另一个模块，为订单创建另一个模块，为客户创建另一个模块，等等。如果您明白我的意思。

因此，不要将服务添加到您的 AppModule，而是尝试为您应用中的每个主要上下文创建一个模块，然后将它们添加到您的 imports AppModule。