AngularJS引入了很多新的概念，再学习之前有必要总体的了解一下这些概念
| Template | 模板--HTML模板 |
| Directive | 指令--自定义的属性或HTML元素对HTML进行扩展 |
| Model | 模型--用户在视图(view)中看到并与之交互的数据 |
| Scope | 作用域--Model存储的环境，通过它控制器，指令和 表达式可以访问到里面的Model |
| Expressions | 表达式--从Scope中访问变量和函数 |
| Compilier | 编译器--解析模板并且实例化指令和表达式 |
| Filter | 过滤器--筛选或格式化表达式输出的值 |
| View | 视图--用户看到的DOM |
| Data-binding | 数据绑定--在视图和模型之间同步数据 |
| Controller | 控制器--视图后面的业务逻辑 |
| Dependency-Injection | 依赖注入--不太好解释..囧 |
| Injector | 注入器--依赖注入的容器 |
| Module | 包含应用程序各个部分的容器，包括控制器，服务，过滤器，指令.. |
| Services | 服务--可以重复使用的独立的业务逻辑视图 |
Template 和 View
先来看一段代码
1 <div ng-app ng-init="qty=1;cost=2">
2 <b>Invoice:</b>
3 <div>
4 Quantity: <input type="number" min="0" ng-model="qty">
5 </div>
6 <div>
7 Costs: <input type="number" min="0" ng-model="cost">
8 </div>
9 <div>
10 <b>Total:</b> {{qty * cost | currency}}
11 </div>
12 </div>
这就是一段普通的HTML，在AngularJS中我们称之为 Template
当AngularJS 启动之后，编译器 Compilier 开始解析编译 template， 编译之后的 template 就是 视图(View)
时间： 2024-10-10 01:27:02