angular/guide/dependency-injection

Angular 的依赖注入（Dependency Injection）是一种强大的特性，它允许你将依赖关系从组件中分离出来，从而使代码更加模块化和可测试。

依赖注入概述

依赖注入是一种设计模式，它允许你将对象的依赖关系注入到对象中，而不是在对象内部创建依赖关系。在 Angular 中，依赖注入是构建可复用组件的关键。

依赖注入的类型

Angular 支持以下几种依赖注入的类型：

• 构造函数注入：在组件的构造函数中注入依赖。
• 服务注入：通过服务提供者注入依赖。
• 注入器：Angular 的核心组件，负责解析和注入依赖。

依赖注入示例

以下是一个简单的 Angular 组件示例，它注入了一个名为 LoggerService 的服务：

import { Component } from '@angular/core';
import { LoggerService } from './logger.service';

@Component({
  selector: 'app-root',
  template: `<h1>{{ message }}</h1>`
})
export class AppComponent {
  message: string;

  constructor(private logger: LoggerService) {
    this.message = 'Hello, Angular!';
    this.logger.log(this.message);
  }
}

在这个例子中，LoggerService 被注入到 AppComponent 中，并在构造函数中被调用。

学习更多

如果你想要更深入地了解 Angular 的依赖注入，可以阅读官方文档：Angular Dependency Injection Guide

Angular Logo

返回 Angular 主页