今天的主要讲解部分有以下几点：1.演示一个完整的项目结构 2.$scope的含义 3.模块化和依赖注入。
一.演示一个完整的项目结构。
下面的所有这些代码，都是转载于@大漠穷秋 老师的。我转载来之后放到了github上，大家可以去这个链接看源代码。一边看，一边学习，效果最好了～～～～
下面我们来看这个截图，
这就是一个完整的angularjs项目应该有的目录结构。下面我来讲解每一个文件夹对应的分别是什么含义。
1.css：不用说了，就是放一些css的样式文件。
2.framework：这里一般放一些除了angularjs之外的第三方需要的前端框架（ui），比如bootstra
【AngularJS 学习笔记之完整的项目结构】
在学习AngularJS的过程中，理解并构建一个完整的项目结构至关重要。项目结构清晰，能帮助开发者更好地组织代码，提高开发效率和维护性。以下是一个典型的AngularJS项目结构及其各部分的解释：
1. **css**：存放项目的CSS样式文件，用于定义页面的外观和布局。
2. **framework**：这个目录通常用于放置除AngularJS之外的第三方前端框架和UI库，如Bootstrap、jQuery等，它们可以帮助快速构建用户界面。
3. **imgs**：用于存储项目中的图像资源，如图标、背景图片等。
4. **index.html**：这是项目的主要入口文件，通常包含HTML文档的主体结构以及AngularJS的初始化设置，如`ng-app`指令。
5. **js**：存放项目自定义的JavaScript文件，包括AngularJS的模块、控制器、服务、指令等。
6. **tpls**：模板文件夹，用于存放部分HTML代码，这些代码通常被AngularJS的指令（如`directive`）引用，通过`templateUrl`属性加载。这样做的好处是将复杂视图分离，使代码更易于管理和阅读。
以`tpls`为例，假设有一个名为`test.html`的文件，包含一个`<ul>`元素。在AngularJS的指令中，我们可以定义一个新的自定义指令`hello`，并将`templateUrl`设置为`/tpls/test.html`。这样，当我们在HTML中使用`<hello>`标签时，就会显示`test.html`中的内容。
接下来，我们讨论`$scope`，它是AngularJS中的核心概念之一。
**$scope**：
1. **作用域**：$scope可以视为一个作用域或者对象，它连接了视图（View）和控制器（Controller），使得数据能在两者之间共享。
2. **工具和方法**：$scope提供了如`$watch`（监听数据变化）和`$apply`（手动触发脏检查，更新视图）等工具方法，帮助处理数据绑定和事件响应。
3. **执行环境**：$scope也是代码执行的上下文，它创建了一个独立的作用域环境，允许在其中定义和操作数据。
4. **继承特性**：AngularJS中的作用域是父子关系，子$scope可以继承父$scope的属性和方法，形成了一个作用域链，使得数据可以沿着链传递。
5. **根作用域**：每个AngularJS应用有一个根作用域`$rootScope`，它存在于`ng-app`指令所定义的范围内，所有的其他作用域都是它的子孙。
我们谈谈AngularJS的模块化和依赖注入：
**模块化和依赖注入**：
在AngularJS中，模块（`module`）用于组织代码，如创建一个名为`myApp`的模块。通过模块，我们可以将控制器、服务、指令等组件分组，提高代码的可读性和可维护性。例如：
```javascript
var myApp = angular.module('myApp', []);
myApp.controller('HelloCtrl', ['$scope', function($scope) {
$scope.greeting = {text: 'Hello'};
}]);
```
这里的`myApp.controller`就是将`HelloCtrl`控制器注册到`myApp`模块中，同时通过依赖注入的方式传入了`$scope`服务，使得控制器可以访问和操作数据。
总结，理解和掌握AngularJS的项目结构、$scope的特性和模块化编程，对于深入学习和使用AngularJS至关重要。良好的代码组织习惯将使你在开发过程中受益匪浅。
