AngularJS:最佳实践

Question

我不认为这个问题被认为是基于意见的，因为它询问的是最佳实践，但同时我认为 AngularJS 最佳实践没有任何行业标准，所以很难避免 意见在某些情况下。在其他情况下，一种编程方式显然比另一种更好。我不确定这个问题属于哪个类别。

我不认为有任何官方 AngularJS 最佳实践。有指导方针，有些人已经发布了他们自己的最佳实践，但我还没有偶然发现行业标准。

我有一个关于如何组织我的模块和代码本身的问题。感觉就像我有很多小文件和太多文件夹，即使我已将应用程序分解为常用组件和核心功能。它仍然是一个相对较小的应用程序，但它可能会增长。

我遇到的最大问题是我应该如何组织我的子模块。目前，每个子模块都被分解为各种文件，将 Controller 、指令和服务分开。我想知道是否应该将它们全部定义在一个文件中，然后如果子模块变得太大，请再次将其分解。

例如，现在我有一个模块 app.buttonToggle , 各种文件:

buttonToggle.app.js

angular.module('app.buttonToggle', []);

buttonToggleCtrl.js

angular.module('app.buttonToggle').controller('ButtonToggleCtrl', ButtonToggleCtrl);

function ButtonToggleCtrl() ...
...

按钮切换.js

angular.module('app.buttonToggle').directive('buttonToggle', buttonToggle);

function buttonToggle() ...
...

相反，将它们合并到一个文件中会更好吗？

buttonToggle.app.js

angular.module('app.buttonToggle', [])

    .controller('ButtonToggleCtrl', function() { ... })

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

如果有的话，做后者有什么好处？我喜欢它使用更少代码的方式，但它更难测试吗？

Answer 1

我推荐使用 John Papa 的风格指南——我用它来帮助做出这些决定，跟上并可能为最佳实践做出贡献。它将帮助您解决这个问题。这些风格指南变得非常流行，可以帮助您解决问题。

在这种情况下，社区同意每个文件应该有一个组件，并使用 gulp 或 grunt 之类的任务运行程序来打包以进行运输。

https://github.com/johnpapa/angular-styleguide