标签:
Template | 模板--HTML模板 |
Directive | 指令--自定义的属性或HTML元素对HTML进行扩展 |
Model | 模型--用户在视图(view)中看到并与之交互的数据 |
Scope | 作用域--Model存储的环境,通过它控制器,指令和 表达式可以访问到里面的Model |
Expressions | 表达式--从Scope中访问变量和函数 |
Compilier | 编译器--解析模板并且实例化指令和表达式 |
Filter | 过滤器--筛选或格式化表达式输出的值 |
View | 视图--用户看到的DOM |
Data-binding | 数据绑定--在视图和模型之间同步数据 |
Controller | 控制器--视图后面的业务逻辑 |
Dependency-Injection | 依赖注入--不太好解释..囧 |
Injector | 注入器--依赖注入的容器 |
Module | 包含应用程序各个部分的容器,包括控制器,服务,过滤器,指令.. |
Services | 服务--可以重复使用的独立的业务逻辑视图 |
先来看一段代码
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)
标签:
原文地址:http://www.cnblogs.com/walle2/p/4894426.html