还有肖国尊、胡季红、李辉、马蓉、 李新军、易民全、姚建军、鲍春雷、甘信生、郝雪松、凌栋、王发云、王继云、赵建军、 朱宝庆、朱钱。Be Flying 工作室负责人肖国尊负责本书翻译质量和进度的控制与管理。敬 请广大读者提供反馈意见，我们的邮箱是 215565222@qq.com。我们会仔细查阅读者发来 的每一封邮件，尽快回应读者的问题。 ■ ■ ■ 作 者 简 介 运行示例项目.....................72 5.2 理解 script 元素........................73 5.2.1 使用 JavaScript 模块 加载器 ..............................73 5.2.2 理解基本工作流.................74 5.3 使用语句............ 定义类...............................96 6.3 处理 JavaScript 模块.................99 6.3.1 创建模块 ...........................99 6.3.2 从 JavaScript 模块导入.......100 6.4 有用的 TypeScript 特性 ..........103 6

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 1.1.1 模块 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 1.2 NgModule 和 JavaScript 的模块 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 第二章 服务与依赖注入 7 2.1 服务 . NgModule 定义出的。应用至少会有一个用于引导应用的根 模块，通常还会有很多特性模块。 • 组件定义视图。视图是一组可见的屏幕元素，Angular 可以根据你的程序逻辑和数据来选择和修改它 们。每个应用都至少有一个根组件。 • 组件使用服务。服务会提供那些与视图不直接相关的功能。服务提供商可以作为依赖被注入到组件 中，这能让你的代码更加模块化、可复用，而且高效。 强行在这里插入一个公式： lim

Model-View-Vie wModel(MVVM) 8. 依赖注入 Ext JS 能够通过扩展（ Deft JS）增加依赖注入 ✔ 9. 数据绑定 ✔ ✔ 10. 直接操作DOM元素 ✔ ✔ 11. 模块化 ✔ ✔ 测试 测试 12. 自动测试支持 通过扩展工具实现 ✔ 13. 测试框架或者测试工具 许多第三方的测试框架，比如 Siesta (专门为ExtJS优化), Jasmine and Mocha Touch开发移动端版本。有些组件， 比如NestedList，在移动端，比Grids要好。这就意味着 ，需要开发独立的移动版应用。 使用ng-touch库、angular-gestures 和 ang ularJS 响应模块实现响应式Web应用， 18. 跨平台的移动应用或者混合应用 使用 Sencha Touch 和 Apache Cordova/Phonegap 集成来 实现 AngularJS使用 Trigger Cordova/Phone gap integration, Ionic framework 来开发丰 富和健壮的移动应用 19. 移动站点 Sencha touch就是用来开发移动站点的 AngularJS 响应模块(angular-responsive, a ngular-deckgrid 等)，UI Bootstrap， Ang ularJS responsive directives, angular-gestur

第五块内容：参考资源推荐 第一块：集成开发环境@angular/cli 2009年，前端Big Bang! Tool Chains based on NodeJS npm：世界上最糟糕的模块管理器 @angular/cli 把所有零散的Node工具都集成起来多好啊！ @angular/cli @angular/cli >npm install -g @angular/cli 命令有简化版本：ng g c User @angular/cli  在Windows下面，node-gyp这个包依赖于Visual Studio  node-sass这个node模块被墙掉了，原因不明  所以强烈推荐采用cnpm安装 @angular/cli ng serve --prod 注意：最新版的CLI加上--prod参数就自动AOT了，官网上的那篇文档过时了！ com/manekinekko/angular2-dependencies-graph 第二个核心概念：NgModule Component Directive Service Route Module 什么是模块？ 第二个核心概念：NgModule 问题：为什么需要NgModule？ https://angular.cn/docs/ts/latest/cookbook/ngmodule-faq.html

ngTouch • 还有更完善的选择吗？ – Ionic 前端的⼯工程化 • ⼀一个软件系统，并不只是简单功能的堆砌 • 当规模扩⼤大的时候，有⼀一些边际效应 – 某个JS模块被修改，如何得知会影响谁？ – 某个界⾯面⽚片段被调整，会影响什么界⾯面？ – 如何最⼩小化发布？ – 如何⼀一键测试、打包、压缩？ – 。。。。。。 Thanks Q && A

Data Binding 樣板與元件屬性、方法可以進行綁定 • Directive 將 DOM 轉換為多功能的「宣告命令」 • Service 由「服務」集中管理資料與運算邏輯 • Dependency Injection 由「相依注入」機制管理物件生命週期 20 快快樂樂建立 ANGULAR 2 應用程式 Build your own Angular 2 Application 21 準備