angular代码规范_angular代码规范

概览

目录结构

由于一个大型的

AngularJS

应用有较多组成部分，所以最好通过分层

的目录结构来组织。

有两个主流的组织方式：



按照类型优先，业务功能其次的组织方式

这种方式的目录结构看起来如下：

.

├── app

│   ├── app.js

│   ├── controllers

│   │   ├── home

│   │   │   ├── FirstCtrl.js

│   │   │   └── SecondCtrl.js

│   │   └── about

│   │       └──

ThirdCtrl.js

│   ├── directives

│   │   ├── home

│   │   │   └── directive1.js

│   │   └── about

│   │       ├── directive2.js

│   │       └── directive3.js

│   ├── filters

│   │   ├── home

│   │   └── about

│   └── services

│       ├── CommonService.js

│

├── cache

│       │   ├── Cache1.js

│       │   └── Cache2.js

│       └── models

│           ├── Model1.js

│           └── Model2.js

├── partials

├── lib

└── test



按照业务功能优先，类型其次的组织方式

如下：