Applications Google Angular Team 编著 北京 • BEIJING 序 Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。Angular 集声明式模板、依赖注入、端到 端工具和一些最佳实践于一身，为你解决开发方面的各种挑战。Angular 为开发者提升构建 Web、手机或桌 面应用的能力。 i 前言 Web 应用程序的安全涉及到很多方面。针对 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 1.1.2 模板、指令和数据绑定 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 1.2 NgModule 和 . . . . . . . . . . . . 6 第二章 服务与依赖注入 7 2.1 服务 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 2.2 依赖注入（dependency injection） . . . . . . .

功能.....13 2.3.1 准备 HTML 文件................14 2.3.2 创建数据模型.....................14 2.3.3 创建模板 ...........................17 2.3.4 创建组件 ...........................17 2.3.5 将应用程序组合起来...... 创建功能模块...................126 7.4 启动商店.................................126 7.4.1 创建 Store 组件和模板.......127 7.4.2 创建商店功能模块............128 7.4.3 更新根组件和根模块.........129 7.5 添加商店功能：产品详情......130 TypeScript 开始 Angular 开发.........................214 11.2.1 创建数据模型...............216 11.2.2 创建模板和根组件.........219 11.2.3 创建 Angular 模块 .........220 11.2.4 引导应用程序...............221 Angular 5

第一块内容：集成开发环境@angular/cli  第二块内容：Angular三大核心概念 Component,Module,Route  第三块内容：Angular架构特色 依赖注入、数据绑定  第四块内容：UI库 Angular-Material,Prime-NG,ng2-bootstrap,ionic  第五块内容：参考资源推荐 第一块：集成开发环境@angular/cli Angular路由用法：异步路由 Angular路由用法：路由守卫 防止未授权访问 第三块：Angular架构特色 依赖注入 依赖注入 Parent Injector Child Injector 注射器（Injector） 也是一个树型结构 依赖注入 依赖注入  每一个HTML标签上面都会有一个注射器实例  注射是通过constructor进行的  @Inj

(Model-View-Whatever). 它支持流行的设计模式，比如 Model-Vi ew-Controller(MVC) 和 Model-View-Vie wModel(MVVM) 8. 依赖注入 Ext JS 能够通过扩展（ Deft JS）增加依赖注入 ✔ 9. 数据绑定 ✔ ✔ 10. 直接操作DOM元素 ✔ ✔ 11. 模块化 ✔ ✔ 测试 测试 12. 自动测试支持 通过扩展工具实现 ✔ 13. 测试框架或者测试工具 JS 实现依赖注入 它是基于组件，模块化的 AngularJS： AngularJS是一个对于web应用的HTML扩展。 它被描述为了 'Model-View-Whatever' 框架，它并没有规定使用特定的开发 框架。但是它非常容易支持 Model-View-Controller 或者 Model-View-View Model. 它是模块化的。 它自动装盘HTML元素中的依赖注入模块 组件：

樣板與元件屬性、方法可以進行綁定 • Directive 將 DOM 轉換為多功能的「宣告命令」 • Service 由「服務」集中管理資料與運算邏輯 • Dependency Injection 由「相依注入」機制管理物件生命週期 20 快快樂樂建立 ANGULAR 2 應用程式 Build your own Angular 2 Application 21 準備 Angular 2 開發環境 ngSwitchCase 前面要加上 * 星號 32 https://github.com/miniasp/ng2demo 匯入 Http 模組與使用 Http 服務元件 • 匯入 HttpModule • 注入 Http 服務元件 • 發出 HTTP GET 要求 • 訂閱 HTTP GET 執行結果 33 會不會覺得 Angular 2 很帥？ 假的！ 假的！ (才怪) 相關連結 • Angular