javascript - 分离 Angular 路由、 Controller 、服务

Question

您必须原谅缺少代码示例；然而，我希望这个问题足够简单，不需要这样。

我是 Angular 的新手。我正在做的项目并不是很大。将 Controller 放在一个文件中，将路由放在另一个文件中，将服务放在最后一个文件中是否可行？如果是这样，我如何管理依赖关系，以便我可以从路由文件引用我的 Controller ？

Answer 1

注意:这仅回答文件/文件夹结构。理想情况下，这将被编译成一个在您的应用程序中引用的文件。或者编译成单独包含的功能文件。

<小时/>

基于约翰·帕帕的指南:

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

托德座右铭

http://toddmotto.com/opinionated-angular-js-styleguide-for-teams/

https://github.com/toddmotto/angularjs-styleguide

对于小型项目，IMO 按类型划分的两种最佳方法是:

|-- app.js
|-- controllers/
|   |-- MainCtrl.js
|   |-- AnotherCtrl.js
|-- filters/
|   |-- MainFilter.js
|   |-- AnotherFilter.js
|-- services/
|   |-- MainService.js
|   |-- AnotherService.js
|-- directives/
|   |-- MainDirective.js
|   |-- AnotherDirective.js

或者对于更大的项目，功能驱动:

|-- app.js
|-- dashboard/
|   |-- DashboardService.js
|   |-- DashboardCtrl.js
|-- login/
|   |-- LoginService.js
|   |-- LoginCtrl.js
|-- inbox/
|   |-- InboxService.js
|   |-- InboxCtrl.js

您希望保持文件夹结构相对平坦，这样您就不必花费很长时间在文件夹中导航来查找所需的文件。