Angular依赖注入

NullInjector

root  ModuleInjector

ModuleInjector

ModuleInjector(Module1)

ModuleInjector(Module2)

ModuleInjector(Module3)

ElementInjector(FacherComponent)

ElementInjector(ChildComponent)

AppModule

Module1(同步加载)

Module2(懒加载)

Module3(懒加载)

FatherComponent

ChildComponent

@Injectable()export class FlowerSerice {  constructor() {}}

FlowerService

AnimalService

BookSerivice

FatherDirective

Father2Component

ElementInjector(Facher2Component)

ElementInjector(FatherDirective)

解析修饰符

使用当前指令或组件的服务

@Self()

使用父级的注入器服务

@SkipSelf()

指定一个组件作为注入器树中的最后一站

@Host()

@Optional()

Angular依赖注入