模块，通常还会有很多特性模块。 • 组件定义视图。视图是一组可见的屏幕元素，Angular 可以根据你的程序逻辑和数据来选择和修改它 们。每个应用都至少有一个根组件。 • 组件使用服务。服务会提供那些与视图不直接相关的功能。服务提供商可以作为依赖被注入到组件 中，这能让你的代码更加模块化、可复用，而且高效。 强行在这里插入一个公式： lim x→0 ex − 1 2x [ 0 0] = H lim 19 }) 20 export class AppModule { } NgModule 系统与 JavaScript（ES2015）用来管理 JavaScript 对象的模块系统不同，而且也没有直接关联。 这两种模块系统不同但互补。你可以使用它们来共同编写你的应用。 JavaScript 中，每个文件是一个模块，文件中定义的所有对象都从属于那个模块。通过 export 关键字，模 块可以把它的某些对象声明为公共的。其它 架构概览 5 1.2 NgModule 和 JavaScript 的模块 NgModule 系统与 JavaScript（ES2015）用来管理 JavaScript 对象的模块系统不同，而且也没有直接关联。 这两种模块系统不同但互补。你可以使用它们来共同编写你的应用。 JavaScript 中，每个文件是一个模块，文件中定义的所有对象都从属于那个模块。通过 export 关键字，模 块可以把它的某些对象声明为公共的。其它

ew-Controller(MVC) 和 Model-View-Vie wModel(MVVM) 8. 依赖注入 Ext JS 能够通过扩展（ Deft JS）增加依赖注入 ✔ 9. 数据绑定 ✔ ✔ 10. 直接操作DOM元素 ✔ ✔ 11. 模块化 ✔ ✔ 测试 测试 12. 自动测试支持 通过扩展工具实现 ✔ 13. 测试框架或者测试工具 许多第三方的测试框架，比如 Siesta (专门为ExtJS优化) 是基于组件的 (表格、树、表单、绘图)；代码开始于对现有类的扩展，配置 模型，自定义显示和行为/事件，将这些组件加入到container/layout中。 它遵循面 向对象的设计思想和MVC设计模式，很少直接操作DOM元素 AngularJS，走的是另外的一条路，是一种声明式的程序。在HTML标签上新增An gularJS指令，配置模型，使用模版和路由配置视图；框架最终实现了DOM的创建 。我们仍然是基于HTML架构，操作DOM元素 Angular-Kendo), Wijmo 等等 路由： 路由： ExtJS： ExtJS 5 支持路由 ExtJS 5 路由通过使用浏览器历史堆栈，实现了应用程序状态跟踪 它允许深度链接到应用程序。 允许直接链接到应用程序的一个部分 它支持浏览器收藏夹和浏览器前进/后退导航 AngularJS： AngularJS路由将 controllers, view templates, 和浏览器当前 URL

部分介绍如何使用高级功能来创建更复杂和可扩展的应用程序。这部分介绍 Reactive Extensions 软件包，Angular 提供的大量功能均构建在这个软件包的基础之上，并 且有多种 Angular 高级功能直接使用该软件包。这部分演示如何在 Angular 应用程序中进 行异步 HTTP 请求，如何使用 URL 路由在应用程序中进行导航，以及在应用程序的状态 发生变化时如何使 HTML 元素具有动画效果。 done: true }, { action: "Call Joe", done: false }] }; TypeScript 最重要的功能之一是可以直接编写“普通的”JavaScript 代码，就像直接面 向浏览器编程一样。在这份代码清单中，使用 JavaScript 对象字面量语法为一个名为 model 的全局变量赋值。数据模型对象有一个 user 属性(它提供了应用程序用户的名称)和一个 定不仅用于引用属性和方法名称，它们 也可以用于执行简单的操作。在第一个绑定中可以看到一个这样的例子，把i变量和1相加。 ■ 提示： 对于简单的转换，可以将 JavaScript 表达式直接嵌入到绑定中，就像上面的做法一样。 但是对于更复杂的操作，Angular 有一个名为管道(pipe)的功能，稍后将在第 18 章中描述。 tr 模板中的其他模板表达式演示了如何有选择性地生成内容：