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

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)

Image Source

图片来源

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

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

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