Difference between AngularJS and Angular 2

Angular 2

1. Introduction
   
   Angular 2 is not an upgraded version of Angular JS 1. It is completely rewritten with a lot of improvements also by Google and released in September 2016. It has been designed for implementing big and complicated applications in a feasible way.
   
   Angular 2 is following a component-based UI and there is no longer controllers and scope in Angular 2. Controllers are replaced by Components here.
   
   Angular 2 is currently being developed in Typescript but will be compatible with both ES5 & ES6 JavaScript standards.

2. Prerequisites - to learn Angular 2 – ES6, Typescript etc.
   
   
3. Binding

• One-Way Binding
  There are two techniques for one way data binding in angular 2,
  
  
• Using Interpolation
  For Ex. <div> {{ message }} </div>
  
  
• Using Property Binding
  For Ex. <img [src]=’imagePath’ />
  
  There is an alternate syntax of property binding, which is known as canonical form.
  
  For Ex. <img bind-src=’imagePath’ />

• Two-Way Binding
  [( message )] you are required to use parenthesis inside of brackets for two way data binding in Angular 2
  
  For Ex. <div [(ngModel)]=”message” ></div>
  
  This is a combination of Property binding & Event binding.

4. Bootstrapping
   This process has been changed in Angular 2. Here we connect angular components to view, not modules.
   
   1. \import {bootstrap} from '@angular/platform-browser-dynamic';
   2. import {AppComponent} from './app.component';
   3. // Connect the component to our view
   4. bootstrap(AppComponent);

5. Performance
   Angular 2 is 5 times faster than Angular 1. It is using hierarchical DI system which is major performance booster.
   
   
6. Mobile Support
   Angular 2 is mobile oriented. It is designed from ground up with mobile support.
   
   
7. Services
   There in the only way to use Service in Angular 2.
   
   
8. Filters
   Filters have now been renamed pipes is Angular 2.