Контроллер AngularJS: что такое правильный синтаксис?

Question

Я обычно объявляем один контроллер так:

.controller('myController', function($scope,/*other dependecies go here*/){ 
    // controller definition 
}; 

Однако в некоторых примерах (в том числе один из официальной документации AngularJS в) я нашел что-то вроде:

angular.module('controllerExample', []) 
    .controller('SettingsController2', ['$scope', SettingsController2]); 

function SettingsController2($scope) { 
    // controller definition 
}; 

или просто (что эквивалентно, я думаю,):

angular.module('controllerExample', []) 
    .controller('SettingsController2', ['$scope', function(){ 
    // controller definition 
    } 
]); 

Теперь, я не понимаю, в чем собственно разница между фрагмент 1) и фрагменты 2) и 3)

Кроме того, я не понимаю, почему иногда та же зависимость является как снаружи определения функции и параметры функции (например, фрагмент 3)), но за пределами - без $ и внутри - с (извините, я не могу найти пример сейчас. Но я уверен, что у меня была такая ситуация).

Спасибо заранее

Answer 1

Синтаксис массива, чтобы предотвратить угловое от взлома, когда код проходит через Minifier. Если вы не уменьшаете свой javascript, на самом деле нет большой разницы, кроме того, что вы набираете больше/меньше. Угловые читают в этих функциях как строку и обрабатывают их. Некоторые министры закручивают это, так что странный синтаксис является текущим решением.

Answer 2

@ Ответ jwimmer правильный, но я хочу предложить еще одну возможность. Вы можете немного очистить синтаксис и безопасно сохранить свой код с помощью $inject.

someCtrl.$inject = ['$scope', 'someDependency']; 
function someCtrl($scope, someDependency) { 
    ... 
} 

angular.module('someApp') 
    .controller('someCtrl', someCtrl);