Angular依赖注入
2023-11-28 11:02:24 9 举报AI智能生成
注册器树的大概结构
作者其他创作
大纲/内容
NullInjector
root ModuleInjector
ModuleInjector
ModuleInjector(Module1)
ModuleInjector(Module2)
ModuleInjector(Module3)
ElementInjector(FacherComponent)
ElementInjector(ChildComponent)
AppModule
Module1(同步加载)
Module2(懒加载)
Module3(懒加载)
FatherComponent
ChildComponent
FlowerService
@Injectable()
export class FlowerSerice {
constructor() {}
}
export class FlowerSerice {
constructor() {}
}
AnimalService
@Injectable({
providedIn: 'root',
})
export class AnimalSerice {
constructor() {}
}
providedIn: 'root',
})
export class AnimalSerice {
constructor() {}
}
BookSerivice
@Injectable({
providedIn: 'any',
})
export class BookSerice {
constructor() {}
}
providedIn: 'any',
})
export class BookSerice {
constructor() {}
}
FatherDirective
Father2Component
ElementInjector(Facher2Component)
ElementInjector(FatherDirective)
解析修饰符
@Self()
使用当前指令或组件的服务
@SkipSelf()
使用父级的注入器服务
@Host()
指定一个组件作为注入器树中的最后一站
@Optional()
0 条评论
下一页
