angular – 使用forRoot传递配置数据

前端之家收集整理的这篇文章主要介绍了angular – 使用forRoot传递配置数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图将配置数据传递到Angular中的自定义库。

用户应用程序中,他们将使用forRoot将一些配置数据传递给我的库

// Import custom library
import { SampleModule,SampleService } from 'custom-library';
...

// User provides their config
const CustomConfig = {
  url: 'some_value',key: 'some_value',secret: 'some_value',API: 'some_value'
  version: 'some_value'
};

@NgModule({
  declarations: [...],imports: [
    // User config passed in here
    SampleModule.forRoot(CustomConfig),...
  ],providers: [
    SampleService
  ]
})
export class AppModule {}

在我的自定义库中,特别是index.ts,我可以访问配置数据:

import { NgModule,ModuleWithProviders } from '@angular/core';
import { SampleService } from './src/sample.service';
...

@NgModule({
  imports: [
    CommonModule
  ],declarations: [...],exports: [...]
})
export class SampleModule {
  static forRoot(config: CustomConfig): ModuleWithProviders {
    // User config get logged here
    console.log(config);
    return {
      ngModule: SampleModule,providers: [SampleService]
    };
  }
}

我的问题是如何在自定义库的SampleService中提供配置数据

目前SampleService包含以下内容

@Injectable()
export class SampleService {

  foo: any;

  constructor() {
    this.foo = ThirdParyAPI(/* I need the config object here */);
  }

  Fetch(itemType:string): Promise<any> {
    return this.foo.get(itemType);
  } 
}

我已经阅读了Providers上的文档,但forRoot示例非常小,似乎并不涵盖我的用例。

export class SampleModule {
  static forRoot(config: CustomConfig): ModuleWithProviders {
    // User config get logged here
    console.log(config);
    return {
      ngModule: SampleModule,providers: [SampleService,{provide: 'config',useValue: config}]
    };
  }
}
@Injectable()
export class SampleService {

  foo: string;

  constructor(@Inject('config') private config:CustomConfig) {
原文链接:https://www.f2er.com/angularjs/144058.html

猜你在找的Angularjs相关文章