码迷,mamicode.com
首页 > Web开发 > 详细

AngularJS学习01--概念

时间:2015-10-21 00:07:09      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:

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)

AngularJS学习01--概念

标签:

原文地址:http://www.cnblogs.com/walle2/p/4894426.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!