angular中的依赖注入

依赖项是指某个类执行其功能所需的服务或对象。依赖项注入(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;
  }
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值