Angular vs AngularJS – Angular和AngularJS之间的区别

叁歲伎倆 2022-12-07 12:59 197阅读 0赞

In this article, you will learn about the difference between Angular and AngularJS.

在本文中，您将了解Angular和AngularJS之间的区别。

### 角度的 **(**Angular**)** ###

It is a very well known top front-end framework. It uses Microsoft’s TypeScript language which has many advantages like type declarations, type checking, object-oriented features and the benefits of ES6 like iterators and lambdas.

这是一个非常著名的顶级前端框架。 它使用Microsoft的TypeScript语言，它具有许多优点，例如类型声明，类型检查，面向对象的功能以及ES6的优点，例如迭代器和lambda。

It has many versions like 2, 4, 5, 6, 7, 8 and they all are completely different from AngularJS. Angular Versions above 4 are just improvements and are backwards compatible with Angular.

它有许多版本，例如2、4、5、6、7、8，它们都与AngularJS完全不同。 高于4的Angular版本只是改进，并且与Angular向后兼容。

In this, we use round braces “( )” for event binding and square brackets “\[ \]” for property binding. In this, we are also using structural derivatives to put conditions in the HTML template.

在此，我们将圆括号“()”用于事件绑定，将方括号“ \[\]”用于属性绑定。 在此，我们还使用结构派生将条件放入HTML模板中。

Angular gives a better structure to more easily create and maintain big applications and a better change detection mechanism.

Angular提供了更好的结构，可以更轻松地创建和维护大型应用程序，并提供了更好的变更检测机制。

**Pros:**

**优点：**

*  TypeScript (TS) improves the code quality and efficiency using the OOPS (Object-Oriented Programming System) concept.
    
    TypeScript(TS)使用OOPS(面向对象的编程系统)概念提高了代码质量和效率。
 *  It’s a mobile-oriented.
    
    这是面向移动设备的。
 *  In this, it updated the dependency injection technique and improved modularity means you can make the program independent.
    
    在此，它更新了依赖项注入技术并改进了模块化，这意味着您可以使程序独立。
 *  It gives more option for programming languages like TypeScript (TS), EcmaScript5 (ES5), and EcmaScript6 (ES6) for writing codes.
    
    它为诸如TypeScript(TS)，EcmaScript5(ES5)和EcmaScript6(ES6)之类的编程语言提供了更多选择来编写代码。
 *  You can easily configure routing in different file or module.
    
    您可以轻松地在其他文件或模块中配置路由。
 *  Flexible when using filters
    
    使用过滤器时灵活

**Cons:**

**缺点：**

*  It is a little complex to configure as compared to AngularJS.
    
    与AngularJS相比，它的配置有些复杂。
 *  It is incapable if you only want to build simple, static web apps.
    
    如果您只想构建简单的静态Web应用程序，则无法使用。

### AngularJS **(**AngularJS**)** ###

It was created in 2009. This brings us the concept of two-way data binding. It is an open-source, JavaScript-based, best framework for web app development.

它创建于2009年。这为我们带来了双向数据绑定的概念。 它是用于Web应用程序开发的基于JavaScript的开源最佳框架。

**Pros:**

**优点：**

*  It has model data binding which makes web application development real quick.
    
    它具有模型数据绑定，使Web应用程序开发真正快速。
 *  Practising HTML as a structural lang. makes things easier to do.
    
    将HTML用作结构语言。 使事情变得更容易。
 *  It’s a perfect solution for fast web development because it does not need any other frameworks (set of libraries).
    
    这是快速Web开发的理想解决方案，因为它不需要任何其他框架(库集)。
 *  AngularJS applications can execute on all important programs and advanced phones including iOS, Android.
    
    AngularJS应用程序可以在所有重要程序和高级手机(包括iOS，Android)上执行。

**Cons:**

**缺点：**

*  It is big and complex because of the various ways of doing the same thing.
    
    由于做同一件事的方法多种多样，所以它又大又复杂。
 *  If we want to scale our app then its implementation is not easy.
    
    如果我们想扩展我们的应用程序，那么它的实现并不容易。
 *  If the user of an AngularJS web app disables JS, then only the basic page is clear to the user.
    
    如果AngularJS网络应用程序的用户禁用JS，则该用户只有基本页面清晰可见。
 *  There’s a slow response in loading UI if there are more than 200 viewers.
    
    如果查看器超过200个，则加载UI的响应会很慢。

The thing i.e common in angular & angularJS is that both are bi-directional means the two-way binding is done in both.

angular和angularJS的共同点是，两者都是双向的，意味着两者都进行了双向绑定。

We can compare both based on architecture, language, expression syntax, mobile support, and routing.

我们可以根据体系结构，语言，表达式语法，移动支持和路由进行比较。

## Angular vs AngularJS – Angular和AngularJS之间的区别 **(**Angular vs AngularJS – Difference between Angular and AngularJS**)** ##

![Angular vs AngularJS - Difference between Angular and AngularJS][]

[Image Source][]

[图片来源][Image Source]

<table> 
 <tbody> 
  <tr> 
   <td><strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Angular</strong></td> 
   <td><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; AngularJS</strong></td> 
  </tr> 
  <tr> 
   <td>It is a framework.</td> 
   <td>It is a library.</td> 
  </tr> 
  <tr> 
   <td>The architecture in this framework is entirely component-based means it’s composed of encapsulated, loosely bound components.</td> 
   <td>The architecture in this library is based on the model-view-controller (MVC) design.</td> 
  </tr> 
  <tr> 
   <td>It’s easy to create native applications for the mobile platform using Angular 2.0.</td> 
   <td>It does not support for native applications for the mobile platform.</td> 
  </tr> 
  <tr> 
   <td>It comes with a built-in dependency injection subsystem for better.</td> 
   <td>There are issues with dependency injection in AngularJS.</td> 
  </tr> 
  <tr> 
   <td>Controllers and $scope are replaced by Controllers and Derivatives.</td> 
   <td>Controllers and $scope are key components.</td> 
  </tr> 
  <tr> 
   <td>Build using typescript which is a superset of JS (ES6).</td> 
   <td>Built using javascript.</td> 
  </tr> 
  <tr> 
   <td>Angular uses @RouteConfig{(…)} decorator.</td> 
   <td>AngularJS uses $routeprovider.when() to configure routing.</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <td> <strong>角度的</strong> </td> 
   <td> <strong>AngularJS</strong> </td> 
  </tr> 
  <tr> 
   <td> 这是一个框架。 </td> 
   <td> 这是一个图书馆。 </td> 
  </tr> 
  <tr> 
   <td> 该框架中的体系结构完全基于组件，这意味着它由封装的，松散绑定的组件组成。 </td> 
   <td> 该库中的体系结构基于模型视图控制器(MVC)设计。 </td> 
  </tr> 
  <tr> 
   <td> 使用Angular 2.0为移动平台创建本机应用程序很容易。 </td> 
   <td> 它不支持移动平台的本机应用程序。 </td> 
  </tr> 
  <tr> 
   <td> 它带有一个内置的依赖项注入子系统，以更好地发挥作用。 </td> 
   <td> AngularJS中的依赖项注入存在问题。 </td> 
  </tr> 
  <tr> 
   <td> Controllers和$ scope被Controllers and Derivatives取代。 </td> 
   <td> 控制器和$ scope是关键组件。 </td> 
  </tr> 
  <tr> 
   <td> 使用打字稿进行构建，打字稿是JS(ES6)的超集。 </td> 
   <td> 使用javascript构建。 </td> 
  </tr> 
  <tr> 
   <td> Angular使用@RouteConfig {(…)}装饰器。 </td> 
   <td> AngularJS使用$ routeprovider.when()配置路由。 </td> 
  </tr> 
 </tbody> 
</table>

Comment below if you have any queries related to difference between Angular and AngularJS.

如果您对Angular和AngularJS之间的差异有任何疑问，请在下面评论。

> 翻译自: [https://www.thecrazyprogrammer.com/2019/08/angular-vs-angularjs.html][https_www.thecrazyprogrammer.com_2019_08_angular-vs-angularjs.html]

[Angular vs AngularJS - Difference between Angular and AngularJS]: /images/20221123/03ac0d2f6b8a4aebafaf5c2addaa57b3.png
[Image Source]: https://www.gangboard.com/blog/angular-vs-angularjs/
[https_www.thecrazyprogrammer.com_2019_08_angular-vs-angularjs.html]: https://www.thecrazyprogrammer.com/2019/08/angular-vs-angularjs.html