代码和工具angularjs xiaogao第二章.pptxVIP

Angularjs 加入 一起学JAVA 讲师：高明鑫 Angularjs—执行流程 AngularJs的主要组成部分，以及它们如何协同工作的， 它们时： 1. 启动（startup）- 展示“hello  world” 2. 执行期（runtime）- angularJS 执行期概览 3. 作用域（scope） - 视图和控制器的集合区 4. 控制器（controller）- 应用的行为 5. 模型（model）- 应用的数据 6. 指令（directives）- 扩展HTML语法 7. 过滤器（filters）- 数据本地化 8. 注入器（injector）-- 聚合你的应用 9. 模块（module）-- 配置注入器 10. $- AngularJs的命名空间 Angular 执行流程 AngularJs通过使用自己的事件处理循环， 改变了传统的JavaScript工作流。 这使得JavaScript的执行被分成原始部分和拥有AngularJS执行上下文的部分。 只有在AngularJS执行上下文中运行的操作，才能享受到AngularJS提供的数据绑定， 异常处理， 资源管理等功能和服务。  讨论： ng-app的作用 练习： 使用模块 的方式来 定义 controller 练习： 手动加载模块 了解即可 提示： 全局定义的控制器构造函数，只在简单代码示例和快速制作原型时才使用，永远不要在复杂的真实应用中使用全局定义的控制器 Angularjs MVC 打破java的思维模型！！ 不要和以前mvc去关联！不然你会死好多脑细胞哦！！ MVC并不是编程模型，而是架构模式！ 不同的人在不同的地方对mvc有不同的理解！ 但是它们都叫MVC。 在MVC家族中，Angularj采用了注重开发效率的方式。 他们宣布自己的框架叫做 MVW（model-view-whatever）模式 （什么东西？） Angularjs 模块 模块 是 代表一个完整业务功能的单元！ Angularjs用模块组织对象。 在模块上可以注册的对象，不仅限于Angularjs对象（控制器，过滤器等），还包括开发者自定义的任何对象。 模块在组织代码方面非常有用，除了在模块中注册对象外，它还可以声明这些对象的依赖关系。 Angularjs 依赖注入 Angularjs拥有内建的依赖注入（DI）引擎，功能如下： 1. 理解对象对其协作对象的需求 2. 找到所需的协作对象 3. 连接协作对象，以形成功能完备的应用。 练习： 两个模块相互依赖 Angularjs 指令 Ng-repeat 练习： 把多个user信息， 绘制为一个table