Question

我正在尝试通过构造函数传递配置文件来提供angular 2服务，以便在初始化后读取配置并启动代码的其他部分。我正在尝试使app.module.ts中的配置文件和槽提供程序使用工厂将其传递给我的服务，但我没有运气，我一直在寻找Google答案，但我找不到正确的解决方案。我的代码在下面，我创建了配置

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 },
  ],

身份验证

    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);
  }

Answer 1

我没有尝试动态更改提供程序，但是我使用了Angular CLI环境文件。基于环境文件中的某些标志，我将在工厂函数中实例化适当的服务。

在以下位置查看app.module.ts和product.factory.ts：https://github.com/Farata/angulartypescript/tree/master/code-samples/Angular6/chapter5/di-samples/src/app/factory

Angular 2如何将配置从app.module.ts传递给提供程序

1 个答案: