什么是 AngularJS？简介， Archi结构与特点

什么是 AngularJS？

AngularJS 是一个开源的模型视图控制器框架，类似于 JavaScript 框架。AngularJS 可能是当今最流行的现代 Web 框架之一。该框架主要用于开发单页应用程序。该框架是由 Google 自己的一组开发人员开发的。

由于 Google 的大力支持和来自广泛社区论坛的创意，该框架始终保持最新状态。此外，它始终融入市场上最新的开发趋势。

AngularJS Archi质地

Angular.js遵循MVC架构，MVC框架图如下图所示：

• 控制器代表具有业务逻辑的层。用户事件触发存储在控制器中的功能。用户事件是控制器的一部分。
• 视图用于表示提供给最终用户的表示层
• 模型用于表示您的数据。模型中的数据可以简单到只有原始声明。例如，如果您正在维护一个学生应用程序，您的数据模型可能只有学生 ID 和姓名。或者它也可以通过结构化数据模型而变得复杂。如果您正在维护一个汽车所有权应用程序，您可以使用结构来定义车辆本身，包括其发动机容量、座位容量等。

AngularJS 的功能

Angular 具有以下主要特性，使其成为市场上强大的框架之一：

1. MVC – 该框架建立在著名的概念之上 MVC（模型视图控制器）。这是所有现代 Web 应用程序中使用的设计模式。此模式基于将业务逻辑层、数据层和表示层拆分为不同的部分。划分为不同的部分是为了更轻松地管理每个部分。
2. 数据模型绑定 – 您无需编写特殊代码来将数据绑定到 HTML 控件。只需在 Angular 中添加几段代码即可完成此操作。
3. 编写更少的代码 – 在执行 DOM 操作时，很多 JavaScript 设计任何应用程序都需要编写代码。但使用 Angular，您会惊讶地发现，您需要编写的 DOM 操作代码量竟然少了很多。
4. 单位 测试 准备就绪 - Google 的设计师不仅开发了 Angular，还开发了一个名为“Karma”的测试框架，它有助于设计 AngularJS 应用程序的单元测试。

AngularJS 的优势

以下是 AngularJS 的优点：

• 因为它是一个开源框架，所以您可以预期错误或问题的数量会很少。
• 双向绑定 – Angular.js 保持数据和表示层同步。现在你不需要编写额外的 Java脚本代码可使 HTML 代码中的数据与稍后的数据保持同步。Angular.js 会自动为您执行此操作。您只需指定哪个控件绑定到模型的哪个部分即可。

• 路由 – Angular 可以处理路由，即从一个视图移动到另一个视图。这是单页应用程序的关键基础；您可以根据用户交互在 Web 应用程序中移动到不同的功能，但仍停留在同一页面上。
• Angular 支持测试， 单元测试及 整合测试.
• 它通过提供自己的元素（称为指令）来扩展 HTML。从高层次上讲，指令是 DOM 元素上的标记（例如属性、元素名称和注释或 CSS 类），用于指示 AngularJS 的 HTML 编译器将指定的行为附加到该 DOM 元素。这些指令有助于扩展现有 HTML 元素的功能，从而为您的 Web 应用程序提供更多功能。