Angular通过依赖注入机制注入一个对象的例子

时间:2022-07-28
本文章向大家介绍Angular通过依赖注入机制注入一个对象的例子,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

假设我在app.config.ts里定义了一个interface AppConfig和一个对象HERO_DI_CONFIG, 我想将后者注入到一个类的构造函数里去:

export interface AppConfig {
    apiEndpoint: string;
    title: string;
  }

import { InjectionToken } from '@angular/core';

export const APP_CONFIG = new InjectionToken<AppConfig>('app.config');

export const HERO_DI_CONFIG: AppConfig = {
  apiEndpoint: 'api.heroes.com',
  title: 'Dependency Injection'
};

使用InjectionToken新建一个token,类型参数为AppConfig,单引号里的app.config是injection token的描述信息。

在NgModule里使用useValue注入:

在需要使用这个依赖的地方,将token APP_CONFIG传入@Inject:

最后的效果:

要获取更多Jerry的原创文章,请关注公众号"汪子熙":