Angular JS依赖注入——最佳实践

Angular JS Dependency Injection - Best Practice

本文关键字：最佳 注入 JS 依赖 Angular      更新时间：2023-09-26

我最近开始了我的第一个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
}]);

我想你只是想知道这里的语法，有几种不同的方法:

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

我喜欢这种方式，因为它是非常解耦的，可以很容易地从角，包裹在!function(){}()中将使其远离全球空间。这种方式也是初始化注入器最少的工作。

然后是您所展示的数组语法。如果你喜欢括号(}]))，那就太好了。

您也可以放弃手动编写字符串名称，并使用构建工具，如ngmin。尽管你必须遵循声明依赖项的指导方针。

我不会说有任何特定的最佳实践与任何相关，但这更多的是一个偏好。

相关文章：