Angular依賴注入如何管理依賴

Angular 使用依賴注入（Dependency Injection，簡稱 DI）來管理組件、指令、管道等之間的依賴關(guān)系。依賴注入是一種設(shè)計模式，它允許我們將依賴項從組件中解耦，使得代碼更加模塊化、可測試和維護(hù)。在 Angular 中，依賴注入主要通過以下幾個方面來管理依賴：

1. 提供者（Provider）：在 Angular 中，我們可以使用 @Injectable() 裝飾器將一個類標(biāo)記為可被注入的服務(wù)提供者。這個類可以包含一個或多個依賴項，這些依賴項也將被注入到使用該服務(wù)的組件中。

@Injectable({
  providedIn: 'root'
})
export class MyService {
  constructor() { }
}

2. 注入器（Injector）：Angular 的依賴注入系統(tǒng)通過注入器（Injector）來管理和分發(fā)依賴項。注入器負(fù)責(zé)創(chuàng)建服務(wù)實例，并在需要時將它們注入到組件、指令或其他服務(wù)中。我們可以在組件的構(gòu)造函數(shù)中使用類型或元組來指定所需的依賴項，Angular 的注入器會自動為我們注入這些依賴項。

export class MyComponent implements OnInit {
  constructor(private myService: MyService) { }

  ngOnInit() {
    // 使用 myService
  }
}

3. 模塊（Module）：Angular 應(yīng)用由多個模塊組成，每個模塊都可以定義自己的服務(wù)提供者。通過將服務(wù)提供者添加到模塊的 providers 數(shù)組中，我們可以確保在整個應(yīng)用中都可以訪問這些服務(wù)。此外，我們還可以通過模塊的 imports 和 exports 屬性來實現(xiàn)依賴項的共享和傳遞。

@NgModule({
  providers: [MyService],
  imports: [BrowserModule],
  exports: [MyService]
})
export class AppModule { }

4. 上下文（Context）：在某些情況下，我們可能需要在組件的生命周期鉤子函數(shù)或方法中訪問特定的服務(wù)。為了實現(xiàn)這一點，我們可以使用 Angular 的 Injector 類來獲取所需的依賴項。這種方法通常用于非依賴注入的場景，例如在構(gòu)造函數(shù)中無法獲取到依賴項的情況。

export class MyComponent implements OnInit {
  constructor(private injector: Injector) { }

  ngOnInit() {
    const myService = this.injector.get(MyService);
    // 使用 myService
  }
}

總之，Angular 的依賴注入系統(tǒng)通過提供者、注入器、模塊和上下文等多個方面來管理依賴關(guān)系，使得代碼更加模塊化、可測試和維護(hù)。