AngularJS 是什么？介绍、架构和功能
James Hartman AngularJS 是什么？
AngularJS 是一个开源的 Model-View-Controller 框架，类似于 JavaScript 框架。AngularJS 可能是当今最流行的现代 Web 框架之一。该框架主要用于开发单页应用程序 (Single Page Applications)。该框架由 Google 的一组开发人员开发。
由于 Google 的大力支持和广泛的社区论坛的贡献，该框架始终保持最新。此外，它还始终融入市场最新的开发趋势。
AngularJS 架构
Angular.js 遵循 MVC 架构，MVC 框架的图示如下所示。
- Controller 代表了包含业务逻辑的层。用户事件会触发存储在控制器中的函数。用户事件是控制器的一部分。
- Views 用于表示提供给最终用户的表示层。
- Models 用于表示你的数据。模型中的数据可以很简单，只需包含基本声明。例如，如果你正在维护一个学生应用程序，你的数据模型可能只包含一个学生 ID 和姓名。或者，它也可以很复杂，包含一个结构化的数据模型。如果你正在维护一个汽车所有权应用程序，你可以有结构来定义车辆本身，包括其发动机容量、座位容量等。
AngularJS 的特点
Angular 具有以下关键功能，使其成为市场上强大的框架之一。
- MVC – 该框架基于著名的 MVC (Model-View-Controller) 概念构建。这是一种用于所有现代 Web 应用程序的设计模式。该模式基于将业务逻辑层、数据层和表示层分离到不同的部分。之所以进行这种划分，是为了更轻松地管理每个部分。
- 数据模型绑定 – 您无需编写特殊代码即可将数据绑定到 HTML 控件。Angular 只需添加几段代码即可完成此操作。
- 编写更少的代码 – 在进行 DOM 操作时，需要编写大量的 JavaScript 来设计任何应用程序。但使用 Angular，您会惊讶于您为 DOM 操作所需编写的代码量大大减少。
- 单元测试就绪 – Google 的设计师不仅开发了 Angular，还开发了一个名为“Karma”的测试框架，该框架有助于为 AngularJS 应用程序设计单元测试。
AngularJS 的优点
以下是 AngularJS 的优点。
- 由于它是一个开源框架，您可以期望错误或问题的数量最少。
- 双向绑定 – Angular.js 使数据和表示层保持同步。现在您无需编写额外的 JavaScript 代码来保持 HTML 代码中的数据与稍后的数据同步。Angular.js 会自动为您完成此操作。您只需指定哪个控件绑定到模型的哪个部分。
- 路由 – Angular 可以处理路由，这意味着从一个视图移动到另一个视图。这是单页应用程序的关键基础；您可以在 Web 应用程序中根据用户交互移至不同的功能，但仍停留在同一页面上。
- Angular 支持测试，包括 单元测试 和 集成测试。
- 它通过提供自己的元素（称为指令）来扩展 HTML。从高层次上看，指令是 DOM 元素上的标记（例如属性、元素名称、注释或 CSS 类），用于指示 AngularJS 的 HTML 编译器将指定的行为附加到该 DOM 元素。这些指令有助于扩展现有 HTML 元素的功能，为您的 Web 应用程序提供更多功能。
