Post
Ask Question

Introduction Of AngularJS 2.0 And Differences Between AngularJS 1.0 And AngularJS 2.0

Here we are looking at the differences between Angular 2.0 and Angular 1.0. AngularJS generally refers to:

  • Angular 2.0 is totally different from 1.0; it is completely rewritten.
  • Angular 2.0 comes with TypeScript (ECMA 6 &at Script).
  • Angular 2.0 means components are the basic building blocks for UI.
  • In Angular 2.0 there are no controllers; create only directives.
  • Improved Dependency Injection with TypeScript Generics.
  • Angular 2 says Goodbye to $scope with Ultra-Fast Chance Detection.

Angular 2.0

  • Angular 2 is written entirely in TypeScript and meets the ECMA Script 6 specification{ TypeScript = ES6 + Types + Annotations}
  • Angular 2 is entirely component based. Controller and $scope are no longer used.
  • Supports several languages including plain JavaScript, TypeScript and Dart. Also supports both object-style data structure.





Angular js 2.0(Designed For the Future)

  • All code in Angular 2 is being written in es6.
  • Angular JS apps are built around data-binding between DOM and JS objects.
  • Simplifying the syntax by using declarative-style ES6+ with annotations.
  • At Script is a superset of Es6 and it’s being used to develop Angular 2.0
  • Improved Templating, Data Binding and Routing.





Now we will see all that we have said about Angular2.0.

Angular2.0

  • Component-Based approach of development.
  • Directive still playing major role.
  • Dependency Injection Improved.
  • Lambdas with TypeScript.
  • Forms & Validation Improved.
  • New Router and form validations.
  • Change detection watcher with component level change detection.
  • Code using ES6 in TypeScript with the features of At script.

We are going to take a look at the installation of Angular2.0

  • Different ways to write Angular 2.0 App.
  • Set up our development environment with package JSON.
  • Install Angular 2.0 libraries using Node with bower.
  • Configure TypeScript with tsconfig.json.
  • Write First Angular Component.
  • Bootstrap Angular App “Hello World”.

Angular 2.0 Languages work with given language.

  • TypeScript
  • Dart
  • Ecma6
  • Ecma5

Type Script

  • Microsoft’s ES6.
  • Strong-typing for larger code bases & teams.
  • Runtime support via Assert.js.
  • Opt-in strong-typing via compiler.



As we can see, es5, es6 and TypeScript are supported JavaScript-based syntax but Dart does not support Java Script; if we are coding in Dart it uses Dart extension.


Similar Articles