javascript - AngularJS 模块应该在自己的文件中吗？

Question

相当简单的问题，我似乎找不到明确的答案。目前我已经在一个文件中声明了我的模块:

var module = angular.module("app", ["agGrid", "ngAnimate", "ngSanitize", "ui.bootstrap"]);

我的 Controller 在另一个:

angular.module("app").controller("mainCtrl", ["$scope", "$timeout", "dateFilter", "$http", "shareDataService", "getDataService", function ($scope, $timeout, dateFilter, $http, shareDataService, getDataService) {

这是一个好的结构还是浪费时间和空间？

Answer 1

单一职责

每个文件定义 1 个组件。

以下示例在同一个文件中定义了应用程序模块及其依赖项、定义了 Controller 并定义了工厂。

避免这种情况

angular
    .module('app', ['ngRoute'])
    .controller('SomeController', SomeController)
    .factory('someFactory', someFactory);

function SomeController() { }

function someFactory() { }

相同的组件现在被分成各自的文件。

执行此操作

// app.module.js
angular
    .module('app', ['ngRoute']);

<小时/>

// some.controller.js
angular
    .module('app')
    .controller('SomeController', SomeController);

function SomeController() { }

<小时/>

// someFactory.js
angular
    .module('app')
    .factory('someFactory', someFactory);

function someFactory() { }

https://github.com/johnpapa/angular-styleguide#style-y001