Angular 6 依赖注入问题

Question

我有一个跨平台的 Angular 应用程序，我需要检查应用程序运行的平台，然后根据此信息决定注入服务。这是我的结构：

@NgModule({
  providers: [
    ConfigService,
     {
       provide: APP_INITIALIZER,
       useFactory: configFactory,
       deps: [ConfigService],
       multi: true
    },
    {
      provide: UserService,
      useFactory: userServiceFactory,
      deps: [
        ConfigService
      ],
      multi: true
    },

  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

配置工厂返回一个 Promise：

export function configFactory(configService: ConfigService): () => Promise<any> {
  return (): Promise<any> => {
    return new Promise(resolve => {
       Device.getInfo().then(info => {
          configService.platform = info.platform; // it either ios or web
       });
    });
  }
}

需要 configService.platform 来决定 UserService 提供者，因此我有它的工厂方法：

const userServiceFactory = (configService: ConfigService): any => {
    if(configService.platform === 'ios') {
        return new UserServiceDevice()
    } else {
        return new UserWebServiceWeb();
    }
  }

配置服务初始化正确，但在完成之前，growerServiceFactory 运行并获取未定义的 config.platform，因此即使在将 ConfigService 设置为依赖项之后，它本质上也不会等待 configFactory 解析。我该如何做到这一点？对于这种情况有更好的方法吗？

Answer 1

与其在模块实例化时解决这个问题，不如让服务本身更加灵活？我知道这不能回答你原来的问题，但它可能会解决你的问题。

修改后的UserService：

class PlatformAgnosticUserService implements IUserService {
   private service: IUserService;

   constructor(
      private _PLAT : Platform,
      private mobileUserService: MobileUserService,
      private webUserService: WebUserService
   ) {
      if (this._PLAT.is('ios') || this._PLAT.is('android'))
      {
         this.service = mobileUserService;
      }
      else
      {
         this.service = webUserService;
      }
   }

   userCreate(param: any) {
      this.service.userCreate(param);
   }

}

我知道这不是很好，但这是我能想到的最好的了，干杯。

下面的旧答案

我认为您可能过于复杂了。为什么不简化为：

@NgModule({
  providers: [
    {
      provide: UserService,
      useFactory: userServiceFactory,
      deps: [],
      multi: true
    },

  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

还有这个：

    const growerServiceFactory = (configService: ConfigService): () => Promise<any> => {
return (): Promise<any> => {
    return new Promise(
       resolve => {
         Device.getInfo().then(info => {
            return new UserServiceDevice();
       },
       () => {
         return new UserWebServiceWeb()
       });
    });
  }

不确定您是否将配置服务用于其他目的，但至少在这种情况下可以“跳过”它。