angular-di-guide

Angular Dependency Injection (DI) 指南 🌟

Angular 的依赖注入（DI）是构建可测试和可维护应用程序的关键组件。下面是一些关于 Angular DI 的基础知识。

什么是依赖注入？

依赖注入是一种设计模式，它允许你将依赖关系从代码中分离出来，从而使得代码更加模块化和可重用。

基本概念

• 服务提供者：提供依赖的服务。
• 注入器：负责将服务提供者注入到组件中。
• 注入器树：从根注入器到子注入器的层级结构。

如何使用依赖注入？

1. 创建服务：定义一个类，它实现了需要注入的服务。
2. 注册服务：在模块的 providers 数组中注册这个服务。
3. 注入服务：在组件或指令中注入这个服务。

例子

假设我们有一个 UserService，它提供了用户信息。

@Injectable()
export class UserService {
  getUser() {
    return 'John Doe';
  }
}

然后在模块中注册：

@NgModule({
  declarations: [
    // ...
  ],
  imports: [
    // ...
  ],
  providers: [UserService],
  bootstrap: [AppComponent]
})
export class AppModule { }

最后，在组件中注入：

@Component({
  // ...
})
export class AppComponent {
  constructor(private userService: UserService) {
    console.log(this.userService.getUser()); // 输出: John Doe
  }
}

学习资源

更多关于 Angular DI 的内容，请查看以下链接：

• [Angular 官方文档 - Dependency Injection](https://angular.io/guide dependency-injection)

Angular Dependency Injection