时间戳

首页 > 解决方案 > Angular 2 如何将配置从 app.module.ts 传递给提供者

javascript - Angular 2 如何将配置从 app.module.ts 传递给提供者

问题描述

我正在尝试使用通过构造函数传递的配置文件来制作 angular 2 服务，这样我就可以在它初始化后读取配置并启动代码的其他部分。我正在尝试在 app.module.ts 中创建配置文件，并且槽供应商使用工厂将其传递给我的服务，但我没有运气，我一直在寻找谷歌答案，但我找不到正确的解决方案. 我的代码如下，我创建了配置

app.module.ts

const config = new AuthServiceConfig([
  {
    id: FacebookLoginProvider.PROVIDER_ID,
    provider: new FacebookLoginProvider(),
  },
  {
    id: LinedinLoginProvider.PROVIDER_ID,
    provider: new LinedinLoginProvider(),
  },
]);

export function provideConfig() {
  return config;
}
export function configFactory(config: AuthServiceConfig) {
  return config;
}
 providers: [
     ...
    { provide: AuthServiceConfig, useFactory: provideConfig },
    { provide: AuthProvider, useFactory: config },
  ],

auth.ts

    export interface AuthServiceConfigItem {
  id: string;
  provider: Provider;
}
export class AuthServiceConfig {
  providers: Map<string, Provider> = new Map<string, Provider>();

  constructor(providers: AuthServiceConfigItem[]) {
    for (let i = 0; i < providers.length; i++) {
      let element = providers[i];
      this.providers.set(element.id, element.provider);
    }
  }
}

@Injectable()
export class AuthProvider {
  private static readonly ERR_LOGIN_PROVIDER_NOT_FOUND =
    'Login provider not found';
  providers: Map<string, Provider> = new Map<string, Provider>();

  constructor(config) {
    this.providers = config.providers;
    console.log('Ovo su providersi u konstruktoru', this.providers);
  }

标签： javascriptangularservice

解决方案

I haven't tried dynamically change providers, but I used the Angular CLI environment files. Based on some flag from the environment file I would instantiate the proper service in the factory function.

Take a look at the app.module.ts and product.factory.ts here: https://github.com/Farata/angulartypescript/tree/master/code-samples/Angular6/chapter5/di-samples/src/app/factory

推荐阅读