本文共 1098 字，大约阅读时间需要 3 分钟。

这个例子的完整源代码：

import {
    Component, OnInit, Injectable, Injector } from '@angular/core';@Injectable()class UsefulService {
       constructor(){
           console.log("Useful Service is created");    }}@Injectable()class NeedsService {
     constructor(public service: UsefulService) {
          console.log("NeedsService is created");  }}const injector = Injector.create({
     providers:    [{
    provide: NeedsService, deps: [UsefulService] }, {
    provide: UsefulService, deps: [] }]});console.log(' true or false?' , injector.get(NeedsService).service instanceof UsefulService);@Component({
     selector: 'manual_di',  template: '
Manual DI 
'})export class ManualDIComponent implements OnInit {
     constructor() {
      }  ngOnInit(): void {
     }}

单步调试

Injector.create

由实现源代码可见，Angular NgModule providers 元数据支持 name 参数：

NeedsService 的依赖服务是 UsefulService，维护在 deps 数组里：

观察最后返回的 injector 实例里，到底包含了哪些数据：

injector records 属性包含了 Providers NeedsService 和 UsefulService 两条记录，但是 value 为空，因为是惰性加载。

直到应用代码显式调用 injector.get 获取 providers 实例时，hydration 才会发生：

本文全部源代码可以在这个 里找到。

更多Jerry的原创文章，尽在：“汪子熙”:

转载地址：https://jerry.blog.csdn.net/article/details/117475330 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！