Declaring controllers in AngularJS

Question

I\'ve seen that on AngularJS tutorials, that some people declare their controller functions like so:

function FirstController($scrope) {
    // do something          


        

Answer 1

The recommended way of declaring Controllers is using the array notation:

 someModule.controller('MyController', ['$scope', 'dep1', 'dep2', function($scope,  dep1, dep2) {
     ...
     $scope.aMethod = function() {
     ...
    }
  ... 
}]); 

according to angularJS site : https://docs.angularjs.org/guide/di

Answer 2

You should follow the second example they offer, which uses a string to identify your controller rather than a potentially global function. Use the Array syntax so you can minify your code without worrying about the minifier renaming function parameters.

var myApp = angular.module('myApp');

myApp.controller('GreetingCtrl', ['$scope', function($scope) {
    $scope.greeting = 'Hola!';
}]);

Source: http://docs.angularjs.org/guide/controller

Answer 3

myApp.controller('myControl',['$scope',function($scope){
    $scope.controlname = "Something";
}]);