AngularJs concepts详解及示例代码详解及示例代码
本文主要介绍AngularJs concepts，这里整理了详细资料及简单示例代码来讲解相关知识，有学习这部分知识的
朋友可以参考下
原版地址：http://code.angularjs.org/1.0.2/docs/guide/concepts
继续。。
一、总括一、总括
本文主要是angular组件(components)的概览，并说明他们如何工作。列表如下：
1. statup - 依旧是hello world...改为Hello Kitty！
2. runtime - 介绍angular的runtime
3. scope - view与contorller的纽带（神马glue...胶）
4. controller - app的行为(application behavior)
5. model - app的数据
6. view - 用户所看到的东东
7. directives - HTML的语法扩展
8. filters - 根据用户的本地格式，格式化数据
9. injector - 加载我们的app（依赖管理之类）
10. module - 配置injector
11. $ - 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!”。
<!DOCTYPE html>
<html lang="zh-cn" ng-app>
<head>
<meta charset="UTF-8">
<title>Hello Kitty!</title>
<style type="text/css">
.ng-cloak {
display: none;
}
</style>
</head>
<body>
<div ng-init="name='Kitty'">Hello {{name}}!</div>
<script src="../angular-1.0.1.js" type="text/javascript"></script>
</body>
</html>
由于今晚跟别人讨论一些东西，所以进度缓慢。。。又是那句。。。现在已经是夜深了。。。Angular，广告之后见！
==============================================
广告完毕。。。继续
三、三、Runtime
下载后可阅读完整内容，剩余6页未读，立即下载
weixin_38629976
- 粉丝: 7
- 资源: 971
我的内容管理
展开
最新资源
- C++多态实现机制详解：虚函数与早期绑定
- Java多线程与异常处理详解
- 校园导游系统：无向图实现最短路径探索
- SQL2005彻底删除指南：避免重装失败
- GTD时间管理法：提升效率与组织生活的关键
- Python进制转换全攻略：从10进制到16进制
- 商丘物流业区位优势探究：发展战略与机遇
- C语言实训：简单计算器程序设计
- Oracle SQL命令大全：用户管理、权限操作与查询
- Struts2配置详解与示例
- C#编程规范与最佳实践
- C语言面试常见问题解析
- 超声波测距技术详解：电路与程序设计
- 反激开关电源设计：UC3844与TL431优化稳压
- Cisco路由器配置全攻略
- SQLServer 2005 CTE递归教程：创建员工层级结构
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
