依赖项是指某个类执行其功能所需的服务或对象。依赖项注入(DI)是一种设计模式,在这种设计模式中,类会从外部源请求依赖项而不是创建它们。
Angular 的 DI 框架会在实例化某个类时为其提供依赖。你可以使用 Angular DI 来提高应用程序的灵活性和模块化程度。
创建可注入服务:
//在 src/app/heroes 目录下生成一个新的 HeroService 类
ng generate service heroes/hero
注意:
为了清晰和可维护性,建议你在单独的文件中定义组件和服务。
如果你确实要将组件和服务合并在同一个文件中,则必须先定义服务,再定义组件,这一点很重要。如果在服务之前定义组件,Angular 将返回运行时的空引用错误。
//src/app/heroes/hero.service.ts
import { Injectable } from '@angular/core';
//@Injectable() 装饰器会指定 Angular 可以在 DI 体系中使用此类。元数据 providedIn: 'root' 表示 HeroService 在整个应用程序中都是可见的。
@Injectable({ providedIn: 'root' })
export class HeroService {
constructor() { }
//要获取英雄的模拟数据
getHeroes() { return HEROES; }
}
注入服务
将依赖项注入组件的 constructor() 中
//src/app/heroes/hero-list.component
import { HeroService} from '../app/heroes/hero.service';
@Component({
selector: 'emr-inpatient-diagnosis-editor',
templateUrl: './inpatient-diagnosis-editor.component.html',
styleUrls: ['./inpatient-diagnosis-editor.component.scss'],
})
export class InpatientDiagnosisEditorComponent{
constructor(private heroService: HeroService)
}
再其他服务中使用这些服务
当某个服务依赖于另一个服务时,请遵循与注入组件相同的模式。在这里,HeroService 要依靠 Logger 服务来报告其活动。
import { Injectable } from '@angular/core';
import { HEROES } from './mock-heroes';
//导入Logger服务
import { Logger } from '../logger.service';
@Injectable({providedIn: 'root'})
export class HeroService {
//在constructor中注入Logger服务
constructor(private logger: Logger) { }
getHeroes() {
this.logger.log('Getting heroes ...');
return HEROES;
}
}