哪一個是正確的方式來初始化模塊，在angularJS控制器？

Question

哪一個是用於初始化模塊正確的方法，控制器angularJS

var myapp=angular.module('myApp', []); 

myapp.controller('Ctrl1', Ctrl1); 
myapp.controller('Ctrl2', Ctrl2); 

Ctrl1.$inject = ['$scope', '$http']; 
Ctrl2.$inject = ['$scope', '$http']; 

function Ctrl1($scope, $http) { 
} 

function Ctrl2($scope, $http) { 
} 

或這樣

var myapp=angular.module('myApp', []); 

myapp.controller('Ctrl1', Ctrl1); 

Ctrl1.$inject = ['$scope', '$http']; 

function Ctrl1($scope, $http) { 
} 


myapp.controller('Ctrl2', Ctrl2); 

Ctrl2.$inject = ['$scope', '$http']; 

function Ctrl2($scope, $http) { 
} 

或做這樣

var myapp=angular.module('myApp', []); 

myapp.controller('Ctrl1', ['$scope', '$http', function ($scope, $http) {} ]); 

myapp.controller('Ctrl2', ['$scope', '$http', function ($scope, $http) {} ]); 

我困惑哪條路是正確的，你可以給我AngularJS frmawork的最終項目結構 github的任何示例項目都歡迎

一些人民說，約翰爸爸的風格，一個正確的方式，我的意思是最有效的方式

Answer 1

的simpliest方式是寫：

myapp.controller('Ctrl1', function($scope, $http) { 
}); 

而且你應該使用ngmin微小之前解析代碼。它會自動將控制器回調包裝在['$scope', '$http', function($scope, $http) {}]中以避免縮小問題。

如果您使用gulp，請使用gulp-ngmin。

Answer 2

第二種方式應儘可能因爲

1. 這是很容易閱讀的理想方式。
2. 易於維護
3. 受注射器的微小化保護。

反正他們都是正確的。

但第二種方式應該是最好的。

還要確保您纏繞代碼的方式從變量名衝突，以保護：

(function(){ 
    'use strict'; //another best practice 
    //then your code 
})() 

Answer 3

角的$注射的方法，我們可以明確地宣佈我們的依賴。這可能會給每個控制器注入問題。除了你可以使用。

https://docs.angularjs.org/api/auto/service/ $注射器