7.4.2 创建商店功能模块............128 7.4.3 更新根组件和根模块.........129 7.5 添加商店功能：产品详情......130 7.5.1 显示产品详情...................130 7.5.2 添加类别选择...................132 7.5.3 添加产品分页功能............133 HTML，为更加简单方 便地构建富应用程序(rich application)打下了良好的基础。Angular 应用程序围绕模型-视图- 控制器(Model-View-Controller，MVC)设计模式构建，该模式的重点在于创建具有如下特点 的应用程序： ● 可扩展：一旦理解 Angular 的基本原理，即便是复杂的 Angular 应用程序，也很容 易弄明白其运行方式，而这意味着可以轻易地改进应用程序，为用户创建新的有 文件的内容。当在某一章中首次使用一个文件时，将列出该文件的完整内容，就像在代码 清单 1-1 中所示的那样。代码清单的标题中将包含文件的名称，以及应该在哪个文件夹中 创建该文件。更改代码时，将以粗体显示修改过的语句。 代码清单 1-1 完整的示例文档 import { NgModule } from "@angular/core"; import { BrowserModule } from

5 支持 MVC (Model-View-Controller) 和 MVVM (M odel-View-ViewModel) MVW (Model-View-Whatever). 它支持流行的设计模式，比如 Model-Vi ew-Controller(MVC) 和 Model-View-Vie wModel(MVVM) 8. 依赖注入 Ext JS 能够通过扩展（ Deft JS）增加依赖注入 Deferred bootstrap 摘要： 摘要： ExtJS 是基于组件的 (表格、树、表单、绘图)；代码开始于对现有类的扩展，配置 模型，自定义显示和行为/事件，将这些组件加入到container/layout中。 它遵循面 向对象的设计思想和MVC设计模式，很少直接操作DOM元素 AngularJS，走的是另外的一条路，是一种声明式的程序。在HTML标签上新增An gularJS指令，配置模型， Ext JS 优化), Jasmi ne 和 Mocha，并不需要延迟EXT JS应用程序的启动 AngularJS: Batrang是一个新的angular 团队推荐的 Chrome插件，提供了一个显示 应用性能瓶颈，应用DEBUG的工具。 AngularJS Batarang and Angular Scenario Runner require Deferred Boot strap feature

Angular 的标记（markup）组合起来，这些标记可以在 HTML 元素显示出来之前修 改它们。模板中的指令会提供程序逻辑，而绑定标记会把你应用中的数据和 DOM 连接在一起。 • 事件绑定让你的应用可以通过更新应用的数据来响应目标环境下的用户输入。 • 属性绑定让你将从应用数据中计算出来的值插入到 HTML 中。 在视图显示出来之前，Angular 会先根据你的应用数据和逻辑来运行模板中的指令并解析绑定表达式， 中发生的变化（比如用户的选择） 同样可以反映回你的程序数据中。 在视图显示出来之前，Angular 会先根据你的应用数据和逻辑来运行模板中的指令并解析绑定表达式， 以修改 HTML 元素和 DOM。Angular 支持双向数据绑定，这意味着 DOM 中发生的变化（比如用户的选择） 同样可以反映回你的程序数据中。 在视图显示出来之前，Angular 会先根据你的应用数据和逻辑来运行模板中的指令并解析绑定表达式， 中发生的变化（比如用户的选择） 同样可以反映回你的程序数据中。 在视图显示出来之前，Angular 会先根据你的应用数据和逻辑来运行模板中的指令并解析绑定表达式， 以修改 HTML 元素和 DOM。Angular 支持双向数据绑定，这意味着 DOM 中发生的变化（比如用户的选择） 同样可以反映回你的程序数据中。 在视图显示出来之前，Angular 会先根据你的应用数据和逻辑来运行模板中的指令并解析绑定表达式，

基于AngularJS的企业应⽤用前端架构 徐飞 新浪微博：@民⼯工精髓V 企业应⽤用前端的特点 • 独占模式 • 重业务，轻视觉 • 界⾯面规整，模式单⼀一 • 键盘操作 • 逻辑复杂 • 加载速度的侧重不同 • 浏览器版本相对宽松 传统的B/S企业应⽤用前端 • B/S企业软件常⽤用的展现层技术 – HTC 在浏览器端扩展标签

24 src/index.html 25 根元件的 directive 宣告 咦？沒有載入任何 JavaScript 函式庫？ src/main.ts 26 啟用 Production 模式 (提升執行速度) 設定 AppModule 為啟動模組 src/app/app.module.ts 宣告跟 View 有關的元件 宣告要匯入此模組的外部模組 宣告要註冊的服務元件 宣告根元件