AngularJS 简介

AngularJS 简介，AngularJs 是一个 Javascript 开源前端框架，主要用于开发单页 Web 应用程序（SPA）。它是一个不断增长和扩展的框架，为开发 Web 应用程序提供了更好的方法。它将静态 HTML 更改为动态 HTML。它的动态绑定和依赖注入等特性消除了我们必须编写的代码的需要。AngularJs 正在迅速增长，因此，我们有不同版本的 AngularJs，最新的稳定版本是 1.7.7。同样重要的是要注意 Angular 与 AngularJs 不同。它是一个开源项目，任何人都可以免费使用和更改。它使用指令扩展 HTML 属性，并且数据与 HTML 绑定。 

历史：

AngularJs 最初由 Misko hevery 和 Adam abrons 在 2008-2009 年开发，现在由 Google 维护。 

为什么要使用它？

• 易于使用：使用 AngularJs 所需要知道的只是 HTML、CSS 和 Javascript 的基础知识。
• 节省时间： AngularJs 允许我们使用组件，因此我们可以再次使用它们，从而节省时间和不必要的代码。
• 模板： AngularJs 主要是纯 HTML，它主要利用纯 HTML 模板并将其传递给 DOM，然后传递给 AngularJS 编译器。它遍历模板，然后它们就可以使用了。

主要特点：

模型视图控制器（MVC）： 
架构基本上是一种用于开发应用程序的软件模式。它通常由三个组件组成，它们是： 

• Model模型：用于管理应用数据。
• View：负责展示应用数据。
• Controller：主要工作是连接模型和视图组件。

通常，当我们谈论 MVC 架构时，我们必须将我们的应用程序拆分为这三个组件，然后编写代码将它们连接起来。然而，在 AngularJs 中，我们所要做的就是将应用程序拆分为 MVC，其余的由它自己完成。它节省了大量时间，并允许您用更少的代码完成工作。 

数据模型绑定： 
AngularJS 中的数据绑定是一个双向过程，即 MVC 架构的视图层是模型层的精确副本。您无需编写特殊代码即可将数据绑定到 HTML 控件。通常在其他 MVC 架构中，我们必须不断更新视图层和模型层以保持彼此同步。在 AngularJs 中，可以说模型层和视图层保持相互同步。就像模型中的数据发生变化时，视图层会反映变化，反之亦然。它会立即自动发生，这有助于确保模型和视图随时更新。 

模板： 

使用 AngularJS 的主要优点是它如何使用模板。通常情况是浏览器将模板传递到 DOM 中，然后 DOM 成为 AngularJS 编译器的输入，然后 AngularJS 遍历 DOM 模板以呈现被称为指令的指令。AngularJS 的其他兄弟姐妹的工作方式不同，因为它们使用 HTML 字符串，而 AngularJs 不操作模板字符串。使用 DOM 使我们能够扩展指令词汇甚至将它们抽象为可重用的组件。 

单元测试：- 谷歌设计师的关注点不仅在于开发 Angular，还开发了一个名为“Karma”的测试框架，它有助于为 AngularJS 应用程序设计单元测试。 

AngularJS 的优点：

依赖注入：依赖注入是一种软件设计模式。它在控制反转的基础上工作。反转控制意味着对象不会创建其他对象。相反，他们从外部来源获取这些对象。依赖对象不是由主对象创建的，然后使用它的方法。相反，外部源创建依赖对象并将其提供给源对象以供进一步使用。在依赖注入的基础上，我们创建了一个服务来获取数据库中的所有信息并进入模型类。 

在 Angular.JS 中，依赖项是通过使用“可注入工厂方法”或“构造函数”注入的。

这些组件可以注入“service”和“value”组件作为依赖项。 

$http service 通常在控制器中以下列方式定义。 

sampleApp.controller ('AngularJSController', function ($scope, $http)