定義一個抽象服務類：

export abstract class GreetingService {abstract greet(name: string): string;}

定義一個具體類實現該抽象類：

import { Injectable } from '@angular/core'; import { GreetingService } from './greeting.service';@Injectable({ providedIn: 'root'}) export class EnglishGreetingService extends GreetingService {greet(name: string): string {return 'Hello ' + name;}constructor(){super();console.log('English class created!');} }

使用注解@Injectable標注這個類可以被注入到其他Component使用。

在構造函數里進行參數注入：

依賴注入原理的調試：

使用app Component的factory創建Component實例：

我們通過Angular Injectable注解修飾的服務實現類，已經成功地被解析并出現在了Angular框架實現代碼里，通過token變量存儲：

在Angular框架方法getLView返回的lView變量里，能看到App Component template的實現代碼：

此處生成服務實現類的實例：

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

總結

以上是生活随笔為你收集整理的Angular依赖注入的一个例子和注入原理单步调试的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。