注入

Angular 應用程式中最簡單的注入示例 - 將 $scope 注入 Angular Controller

angular.module('myModule', [])
.controller('myController', ['$scope', function($scope) {
    $scope.members = ['Alice', 'Bob'];
    ...
}])

上面說明了將 $scope 注入 controller,但無論是否將任何模組注入其他模組,都是一樣的。過程是一樣的。

Angular 的系統負責為你解決依賴關係。例如,如果你建立服務,則可以像上面的示例一樣列出它,它將可供你使用。

你可以使用 DI - 依賴注入 - 無論你在何處定義元件。

請注意,在上面的示例中,我們使用所謂的內聯陣列註釋。意思是,我們明確地將字串寫為依賴項的名稱。我們這樣做是為了防止應用程式在程式碼縮小為生產時中斷。程式碼縮小會更改變數的名稱(但不會更改字串),從而中斷注入。通過使用字串,Angular 知道我們想要哪些依賴項。

非常重要 - 字串名稱的順序必須與函式中的引數相同

有一些工具可以自動執行此過程併為你完成此操作。