Angular 中配置 Provider 有哪几种方式？

Question

Angular 中配置 Provider 有四种方式，它们分别为：

• useClass
• useValue
• useExisting
• useFactory

useClass

{ provide: ApiService, useClass: ApiService } // 可使用简洁的语法，即直接使用 ApiService

useValue

{ provide: 'API_URL', useValue: 'http://my.api.com/v1' }

useExisting

{ provide: 'ApiServiceAlias', useExisting: ApiService }

useFactory

export function configFactory(config: AppConfig) {
  return () => config.load();
}

{ provide: APP_INITIALIZER, useFactory: configFactory, deps: [AppConfig], multi: true }