javascript - 在 AngularJS App 中拆分 JS 文件

Question

我正在构建一个 AngularJS 应用程序，现在我只有一个 .js 文件，其中包含 Controller 、服务、过滤器、指令...

看起来像这样:

angular.module('msfLogger', ['offClick', 'ngBootstrap', 'ngSanitize','ngCsv', 'angularFileUpload'])

.controller('LoggerCtrl',['$scope', 'dataService', function($scope, dataService)
     { ... }])

.filter('showhide', function() {
    ...
})

.service('dataService', function() {
    ...
})

.directive('headerLinks', function() {
    ...
});

现在正在运行，但我认为这不是好的做法。

我应该如何拆分文件？我调用它们的顺序有什么不同吗？

我应该包括

angular.module('msfLogger', ['offClick', 'ngBootstrap', 'ngSanitize','ngCsv', 'angularFileUpload'])

在所有这些中？

Answer 1

我建议你关注angular styleguide from John Papa ，它为每个功能使用一个文件夹。