角度の編成とモジュール性 - コントローラの構造

Question

Angular 1.xでモジュールとコントローラの構造を整理するための2つのアプローチがあります。

最初のは、コントローラを独自のファイルに分けて親角度モジュールに接続する方法に精通しています。

第2のには、関連コントローラを格納するための大きなコントローラファイルを作成し、それらを親コントローラに接続してから、コントローラをモジュールとして親角モジュールに挿入します。

どちらがより効果的ですか？違いはありますか？

App.js

angular 
    .module('mainApp', [ 
     'a bunch of dependencies' 
    ]) 
    .run(['a bunch of dependencies', function(a bunch of dependencies){ 

myControllerA.js

angular 
    .module('mainApp') 
    .controller('myControllerA', ['a bunch of dependencies', 
     function(a bunch of dependencies) { 

myControllerB.js

angular 
    .module('mainApp') 
    .controller('myControllerB', ['a bunch of dependencies', 
     function(a bunch of dependencies) { 

---

App.js

var app = angular.module('mainApp', ['mainController', 'a bunch of dependencies']); 

app.run(['a bunch of dependencies', function(mainController, a bunch of dependencies) { 

mainController.js私にとって本当に役に立っている何

var mainController = angular.module('mainController', [ 
    'a bunch of dependencies' 
]); 

mainController.config(function(a bunch of dependencies) { 
    ... 
}); 

mainController.controller('controllerA', ['a bunch of dependencies', function(a bunch of dependencies) { 
    ... 

mainController.controller('controllerB', ['a bunch of dependencies', function(a bunch of dependencies) { 
    ... 

Answer 1

this angular styleguideに従うことでした。それはAngular Teamが支持しており、物事がどのように構成されているかによってAngular 2への移動はそれほど苦痛ではありません。

これが気に入らない場合は、上記のリンクで参考になるanother style guideがあります。

これらのいずれかのスタイルガイドを使用すると、ファイルを区別することをお勧めします。私は、これがアプリケーションの成長に伴い、使いやすさのためにパフォーマンスのためだとは思っていません。すべてのファイルを1つのファイルに保存することは持続不可能になります