Angular JS：是什么？为什么？何时？

什么是AngularJS

AngularJS是谷歌推出的一种相对较新的JavaScript框架，旨在让您的前端开发尽可能简单。您知道最好的部分是什么吗？它完全用纯JavaScript和HTML完成。无需学习另一种新的编程或模板语言。

为什么它被称为“AngularJS”

现在，我们脑海中出现一个问题，为什么该框架被称为“AngularJS”？
好吧，因为命名空间是“ng”，而“ng”听起来像“Angular”（HTML有Angular括号）。

为什么使用AngularJS

1. MVC正确实现

大多数框架通过要求我们将应用程序拆分为MVC组件来实现MVC，然后我们需要编写代码将它们重新组合在一起。但在Angular的情况下，MVC通过将应用程序拆分为MVC组件来实现，然后只需让Angular完成其余的工作。Angular为您管理您的组件，并且还充当连接它们的管道。

2. 双向数据绑定

双向绑定是AngularJS中最酷的概念。这是一个令人着迷的实时概念。就像桌面应用程序一样，移动应用程序用户也希望见证UI的快速变化。因此，AngularJS的双向数据绑定处理DOM和模型之间的同步，反之亦然。因此，UI根据其他输入组件的变化非常流畅，开发人员无需额外努力。

3. 使用POJO数据模型

Angular中的数据模型是普通的旧JavaScript对象（POJO），因此您不再需要getter/setter函数。
直接在其上添加或更改属性，并循环遍历对象和数组。这使得代码看起来干净直观。

4. 自定义指令

指令可以创建自定义HTML标签，用作新的自定义小部件。
指令通过允许用户发明自己的HTML元素来实现这一点。将DOM操作代码放入指令中，方便用户将其从MVC应用程序中分离出来，并让MVC用新数据更新视图，但视图将如何表现当然取决于指令。

5. 易于调整的过滤器

过滤器有助于清理数据，并涉及一些简单的事情，例如

• 格式化小数点
• 反转数组的顺序
• 根据特定参数过滤数组
• 在分页中进行更改

6. AngularJS需要更少的代码

数据绑定功能允许开发人员停止手动将数据提供到视图中。过滤器允许您在视图级别操作数据，而无需更改您的控制器。因此，开发人员需要编写很少的代码来完成任务，这对开发人员来说是一个很大的优势。

7. 内置依赖注入

AngularJS有一个内置的依赖注入子系统，对开发人员很有用，因为它使应用程序开发更容易，包括测试。依赖注入（DI）允许用户请求依赖项，而不是必须去找它们或自己创建它们。

例如，说：“嘿，我需要X”，DI负责创建并为您提供它。如果用户想访问核心AngularJS服务，他们所需要做的就是添加服务作为参数。AngularJS将检测到用户需要该服务，并会立即提供它。

何时使用AngularJS

AngularJS是一个非常好的SPA框架。如果我们要创建一个SPA应用程序，那么AngularJS是一个不错的选择。
现在，一个问题出现了：“这SPA是什么鬼东西？”好的，无需惊慌，让我向您解释一下。

“SPA”指的是单页应用程序。单页应用程序是我们拥有一个shell页面并且可以在其中加载多个视图的应用程序。所以一个传统的应用程序，正如你所知，你通常会闪烁并再次加载所有内容。
它在带宽方面效率不高，尤其是在移动世界中。在SPA中，我们可以预先加载初始内容，然后可以动态加载不同的视图或小型迷你网页，并将其嵌入到shell中。
CodeProject