Angular JS依赖注入-最佳实践

Question

I recently started working on my first Angular JS project, and I want to make sure I'm handling Multiple dependance injection correctly. Any suggestions or feed back will be greatly appreciated!

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

I imagine you're just wondering about syntax here, There are a few different ways:

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

I like this way because it is pretty decoupled, and can be separated easily from angular, wrapped up in a !function(){}() will keep it out of the global space. This way is also the least work for the injector initialization.

Then there is the array syntax you have shown. That's nice if you like brackets ( }]) ).

You can also forgo manually writing the string names and use a build tool like ngmin . Though you'd have to follow the guidelines for declaring your dependencies.

I wouldn't say there are any certain best practices associated with any of this, but its more of a preference.