原版地址:http://code.angularjs.org/1.0.2/docs/guide/concepts
继续。。
一、总括
本文主要是angular组件(components)的概览,并说明他们如何工作。列表如下:
- statup - 依旧是hello world...改为Hello Kitty!
- runtime - 介绍angular的runtime
- scope - view与contorller的纽带(神马glue...胶)
- controller - app的行为(application behavior)
- model - app的数据
- view - 用户所看到的东东
- directives - HTML的语法扩展
- filters - 根据用户的本地格式,格式化数据
- injector - 加载我们的app(依赖管理之类)
- module - 配置injector
- $ - angular的命名空间(namespace)
二、启动(Startup)
下面描述angular是如何启动的(参考图表与下面的例子):
1. 浏览器加载HTML,将HTML标签转换为DOM对象;
2. 浏览器加载angular.js的脚本;
3. Angular等待DOMContentLoaded事件;
4. Angular寻找ng-app这个用于指定应用边界范围的directive;
5. 如果ng-app有指定module(也许是ng-app=”SomeApp”),将被用作配置$injector;
6. $injector用于创建$compile服务(service)以及$rootScope;
7. $compile服务用作“编译”(有点像遍历,然后做一点神秘的事情)DOM,并将其与对应的$rootScope连接。
8. ng-init 这个directive在对应的scope中创建name属性并对其赋予”Kitty”值;
9. 将“{{name}}”的值插入(interpolates)到表达式中,最终显示”Hello Kitty!”。
<Meta charset="UTF-8">
Hello Kitty!
Hello {{name}}!
五、Controller
九、Filters
Filters 扮演一个数据转换(格式化)的角色。通常他们是与地域有关的,不同地域也许会有不同的输出格式。他们在追随了Unix过滤器的精神与类似的语法:| (pipe)