AngularJS 是一个流行的前端 JavaScript 框架，它提供了一种可扩展的方式来开发单页应用程序。在开始编写 AngularJS 应用程序之前，了解如何组织项目文件结构是非常重要的。
目录结构
以下是一个典型的 AngularJS 项目文件结构：
-- -------------------- ---- -------
- ----
- ----
- ----------
- ---
- ------------
- -----------------
- -----------
- --------------
- ---------
- --------------
- ------
- ------
- ---------
- ----------
- ------------
- ----------让我们逐个部分详细了解每个目录和文件。
app/ 目录
app/ 目录包含整个 AngularJS 应用程序。这是最重要的目录。
app/css/ 目录
app/css/ 目录包含样式表文件，例如 styles.css，这些文件定义了应用程序的外观和感觉。
app/js/ 目录
app/js/ 目录包含 AngularJS 应用程序的所有 JavaScript 文件。
app/js/controllers/ 目录
app/js/controllers/ 目录包含控制器文件，例如 mainController.js，这些文件定义了模型与视图之间的交互逻辑。
angular.module('myApp').controller('MainController', function($scope) {
$scope.message = 'Hello, World!';
});app/js/directives/ 目录
app/js/directives/ 目录包含指令文件，例如 myDirective.js，这些文件定义了自定义 HTML 元素及其行为。
-- -------------------- ---- -------
------------------------------------------------ ---------- -
------ -
--------- ----
--------- -------- -----------------
----- --------------- -------- ------ -
-- ------- -------- ----- ---- -----
-
--
---app/js/services/ 目录
app/js/services/ 目录包含服务文件，例如 dataService.js，这些文件处理应用程序的数据逻辑。
angular.module('myApp').service('DataService', function($http) {
this.getData = function() {
return $http.get('/api/data');
};
});app/js/app.js 文件
app/js/app.js 文件是 AngularJS 应用程序的主文件，它定义了模块化结构以及路由配置。
-- -------------------- ---- -------
----------------------- -------------------------------------------- -
------------------------ -
------------ ------------------
----------- ----------------
----------------- -
------------ -------------------
----------- -----------------
------------------- -
------------ ---------------------
----------- -------------------
--------------
----------- ---
---
---app/views/ 目录
app/views/ 目录包含所有 HTML 视图文件，例如 home.html、about.html 和 contact.html，这些文件定义了应用程序的呈现方式。
<div ng-controller="MainController">
<h1>{{message}}</h1>
</div>app/index.html 文件
app/index.html 文件是 AngularJS 应用程序的入口点。它包含了主要的页面结构以及引用所有必需的 JavaScript 和 CSS 文件。
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- --------- --------- ----------- ----- ---------------- ---------------------- ------- ------------------------------------------------------------------------------------ ------- ------------------------------------------------------------------------------------------ ------- ------------------------- ------- ------------------------------------------------ - - ----------------------------------------------------------- -------- ----------------------------------------------------------------------------------