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之类的构建工具。虽然您必须遵循声明依赖关系的指南。

我不会说有任何与此相关的最佳做法，但更多的是偏好。

Angular JS依赖注入 - 最佳实践

1 个答案: