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.
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.