Angular JS依賴注入-最佳實踐

Question

我最近開始從事我的第一個Angular JS項目，我想確保自己正確處理了多依賴注入。 任何建議或反饋將不勝感激！

var app = angular.module('app', [
  'ngRoute',
  'ngIdle',
  'ui.bootstrap'
]);

app.controller('testCtrl', [
  '$scope', '$http', '$timeout', '$location', 'SessionService',
  function($scope, $http, $timeout, $location, SessionService) {

  // Do Stuff
}]);

Answer 1

我想您在這里只是想知道語法，有幾種不同的方法：

MyAppModule.controller("MyCtrl",MyCtrl);
MyCtrl.$inject = ['$scope', '$http', '$timeout', '$location', 'SessionService'];
function MyCtrl($scope, $http, $timeout, $location, SessionService){
    //..do stuff
}

我喜歡這種方式，因為它很容易解耦，並且可以很容易地與角度分離，包裹在!function(){}()可以使它脫離全局空間。 這種方式對於噴射器初始化也是最少的工作。

然后是您顯示的數組語法。 如果您喜歡方括號（ }])那就很好。

您也可以放棄手動編寫字符串名稱，而使用ngmin之類的構建工具。 盡管您必須遵循准則來聲明依賴項。

我不會說有任何與此相關的最佳實踐，但是它更偏向於優先。