×
☰ See All Chapters

Angular vs AngularJS

Below table lists out the major differences between Angular and AngularJs (AngularJS1.X and AnagularJS2.X). Starting from what they are and till some architectural level, we have listed the important difference which are needed to get out of confusions for those who switch to Angular from AngularJs.

Angular

AngularJs

Component Framework

MVC Framework

Angular is focuses on building web components

AngularJS is focused on developing web applications

TypeScript is the coding language.

JavaScript is the coding language.

Complete object oriented programming support.

Partial object oriented programming support.

Transpiler is required to compile TypeScript to JavaScript

Transpiler is not required. Development takes place in JavaScript itself.

Angular uses ES6 Modules.

AngularJs uses its own module system.

Webpack module loader (Angulae CLI) is needed.

No module loaders needed.

Angular supported by all the popular mobile browsers.

Not supported by mobile browsers.

Controller and service implementations are done through typescript classes.

Controller and service implementations are done through javascript functions.

Angular does not have a concept of scope

AngularJS has concepts of scopes, nested scopes, rootScope.  

Directive will decide whether two-way or one-way data binding.

ng-model creates two-way binding. If you want to create one-way binding, you should use ng-bind.

Both directive and syntax decides two-way or one-way data binding. Angular has only ngModel, but if you would write it only in: “[ ]”, you’ll get one-way binding. If you want to create two-way binding you must write it in: “[( )]”.

Angular uses RouterModule.forRoot(routes), Router for routing configuration.

AngularJS uses $routeprovider.when() for routing configuration

 


All Chapters
Author