📜  关于 AngularJS 的有趣事实和特性

📅  最后修改于: 2021-10-19 08:06:49             🧑  作者: Mango

让我们来看看有关 AngularJS 的一些有趣的事实或特性:

1.MVC架构
MVC 指的是 Model View Architecture,一个开发应用程序的产品示例。模型层处理有关应用程序的信息。视图层显示这些信息,控制器连接模型和视图层。在琐碎的 MVC 结构和其他语言中,您通常需要将您的应用程序划分为这些段并编写代码以将它们相互关联,老实说,这确实是一项令人厌烦的工作。在 AngularJS 中,你只需要将它划分到 MVC 中,剩下的就交给 Angular 了。 AngularJS 的这个特性为开发者节省了大量的时间和繁琐的工作。

2. 独特的 AngularJS 路由
这个框架中的路由器有一个非常特殊的用途。与其他框架不同,它不观察 location.hash。在这些框架中,路由器观察并检查 location.hash 并在路由匹配后调用该函数。相反,它充当 AngularJS 中的服务器端路由器。

3. HTML 用户界面
AngularJS 借助用户界面和 HTML 来设计 UI,使其与其他框架略有不同。很难适应较短的标签。然而,Angular 使这些短标签易于使用和执行。它提供了一个本质上更好、更高效的界面,而不会增加任何成本。

4. 指令
这是 AngularJS 的独特功能之一,也是使其与其他框架非常不同的功能之一。授权允许开发人员和设计团队将实践分配给文档对象模型 (DOM),使软件架构师能够使用 HTML 制作动态组件。

指令是在其操作前带有前缀 ng- 的属性。

  • ng-app 指令初始化应用程序。
  • ng-init 指令初始化数据。
  • ng-model 指令将控件的值连接到数据。

例子:

  

Name:

You wrote: {{ firstName }}

  
  

5. 范围
除了 Directives,Scope 是 AngularJS 的另一个高度适用的功能。作用域是广告模型的对象。它们相互连接控制器层和视图层。

例子:

angular.module('app', []).controller(
    function($scope) {
        $scope.message = "You're Awesome!"
    }
);

说明:从上面的代码可以看出,我们可以定义大量的变量,如姓名、主题、年龄等,并为其分配相关值。在 div 标签中,我们可以打印这些值。

6. 数据绑定
AngularJS 是用模型-视图-控制器的工程方法开发的。系统连接并绑定模型和视图。在接口中所做的更改将对应用程序结构的对象产生连续的影响,反之亦然。变化和后果是实时发生的。 AngularJS 消除了使用 getElementById、addEventlistener 这类编码的繁琐任务。

7. 依赖注入
条件表征代码如何相互交互以及在特定部分中所做的更改如何影响应用程序的其余部分。每次更改也需要更改部分。在 AngularJS 中,您可以应用将条件视为外部组件的注入器,将段与其各自的状态分开。 Angular 的这一特性使得它的部分具有高度可重用性,并且更易于验证和使用。依赖注入简化了测试过程,意味着测试器的负载更少。

8. 兼容性
使用 Angular 等框架开发的应用程序也可以在 Android、iOS 和主要移动操作系统上流畅运行。

9. 避免繁重的工作
您可以避免在开发新应用程序时重新编写代码。在 Angular 中,你可以简单地将代码复制粘贴到新的应用程序中,然后制作一个实际的组件。 AngularJS 编写了大部分代码并使用户免于不必要的麻烦。

10. 由谷歌开发
谷歌是新时代的四大巨头之一。 AngularJS 由一群非常有天赋的专家维护和更新,他们意识到并识别系统中的问题和错误。此外,有了这种支持和定期更新,您不必担心框架很快就会过时。

11. 高性能
大量变量可以帮助开发人员/设计人员使他们的应用程序更加敏捷。