In this article we are going to discuss difference between AngularJS and Angular 2 in detail. Please read our previous article where we gave a brief Angular Versions and Versioning framework.
You can see the below in tabular format we differentiate between AngularJS and Angular 2.
|Angular JS||Angular 2|
|Released by Google in the year 2010.||Released in Sept 2016.|
|Still supported but no longer will be developed.||It’s updated version regularly released because of Semantic Versioning.|
|The architecture of AngularJS is based on MVC.||The architecture of Angular 2 is based on service/controller.|
|AngularJS was not developed with a mobile base in mind.||Angular 2 is a mobile-oriented framework.|
|AngularJS code can write by using only ES5, ES6, and Dart.||We can use ES5, ES6, Typescript to write an Angular 2 code.|
|Based on controllers whose scope is now over.||Nowadays, the controllers are replaced by components, and Angular two is completely component based.|
|Factory, service, provider, value and constant are used for services||The class is the only method to define services in Angular2|
|Run on only client-side||Runs on client-side & server-side|
|ng-app and angular bootstrap function are used to initialize||bootstrapmodule() function is used to initialize|
Features of Angular 2
Following are the key features of Angular 2 −
- Components − The earlier version of Angular had a focus of Controllers but now has changed the focus to having components over controllers. Components help to build the applications into many modules. This helps in better maintaining the application over a period of time.
- Services − Services are a set of code that can be shared by different components of an application. So for example if you had a data component that picked data from a database, you could have it as a shared service that could be used across multiple applications.
In addition, Angular 2 has better event-handling capabilities, powerful templates, and better support for mobile devices.
Components of Angular 2
Angular 2 has the following components −
- Modules − This is used to break up the application into logical pieces of code. Each piece of code or module is designed to perform a single task.
- Component − This can be used to bring the modules together.
- Templates − This is used to define the views of an Angular JS application.
- Metadata − This can be used to add more data to an Angular JS class.
- Service − This is used to create components which can be shared across the entire application.
Jayant TripathyCoder, Blogger, YouTuber
A passionate developer keep focus on learning and working on new technology.