Angular is a platform that makes it easy to build applications with the web. It combines declarative templates, dependency injection, end to end tooling, and integrated best practices to solve development challenges. In this post, you will get brief information of angular version history.
So far Angular Team has released the following Angular versions.
It was initially released in Oct 2010 (7 years ago).
Official Site : https://angularjs.org/
Angular 2 is a complete rewrite from the same team that built AngularJS.
It is written entirely in TypeScript.
Angular 1.x was not built with mobile support in mind, where Angular 2 is mobile oriented.
It was released in September 2016.
It provides more choice for languages. You can use any of the language from ES5, ES6, TypeScript or Dart to write Angular 2 code.
Official Site : https://angular.io/
Find here the difference between Angular JS and Angular 2+
Angular 3 was skipped.
Reason behind this is that version mismatch between @angular/core, @angular/compiler and @angular/router libraries.
For Angular 2 version for core and router is like this
Now the problem is with the @angular/router, which is already in a 3.X version. and that’s because of some active and huge developments on the router section, like route-preload.
Now releasing Angular as version 3, with it’s route on version 4 will create confusion
To avoid this confusion they decided to skip the version 3 and release with version 4.0.0, so that every major dependency are on the right track.
- Angular 4 was released in March 2017.
This release is backwards compatible with 2.x.x for most applications.
There is no major change in Angular 4 from Angular 2.
Angular 4 is not a complete rewrite of Angular 2
Angular team has laid emphasis on making angular apps more faster, compact .
Some Changes from Angular 2 :
@angular/core
so as to remove the extra code being imported into our production bundle. Though you can easily add animation by importing {BrowserAnimationsModule}
from @angular/platform-browser/animations
into NgModule.@angular/core
’.Angular 5 was released in November 2017.
Here’s a breakdown of some of the biggest changes in v5.
HttpClient :
@angular/http
is deprecated in Angular 5. It is replaced with@angular/common/http
library.
HttpModule
is not more use in Angular 5. It is replaced byHttpClientModule
of@angular/common/http
library in each of your modules, inject the HttpClient service, and remove anymap(res => res.json())
calls, which are no longer needed.Angular CLI v1.5 will generate v5 projects by default.
updateOn
Blur / SubmitNew Router Lifecycle Events : GuardsCheckStart, ChildActivationStart, ActivationStart, GuardsCheckEnd, ResolveStart, ResolveEnd, ActivationEnd, ChildActivationEnd
Angular 6.0.0 was released on May 2018. It was released with Angular CLI 6 and Material 6.
Starting from this version angular team has synchronized the framework packages (@angular/core
, @angular/common
, @angular/compiler
, etc), the Angular CLI, and Angular Material + CDK to version 6.0.0
Refer Angular 6, Angular CLI 6 and Material 6 Features here.
ng update
and ng add
For more detail information of each feature refer to Angular 6, CLI 6 and Material 6 Features and angular 6 blog by Stephen fluin.
Angular 7.0.0 was released on Oct 2018, synchronized released with Angular CLI 7 and Angular Material 7.
It is released with performance improvements and some interesting features like CLI Prompts, Virtual Scrolling, and Drag and Drops.
ng new
or ng add @angular/material
to help you discover built-in features like routing or SCSS support. CLI Prompts are also added in Schematics.For more detail information of each feature refer to version 7 of Angular by Stephen fluin.
Angular 8 is released in May 2019. synchronized released with Angular CLI 8 and Angular Material 8.
ng build
, ng test
,and ng run
.ng deploy
is added in Angular CLI 8.3.0For more detail information of each feature refer to version 8 of Angular by Stephen fluin.
Angular 9 is released in Feb 2020. It is the synchronized major release with Angular CLI 9 and Angular Material 9.
Angular 9 came up with the most awaited Ivy compiler.
providedIn
property in @Injectable
Decorator, In addition to the previous root and module options, you have two additional options.platform
: Specifying providedIn: 'platform'
makes the service available in a special singleton platform injector that is shared by all applications on the page.any
: Provides a unique instance in every module (including lazy modules) that injects the token.For more detailed information of each feature refer to Version 9 of Angular Now Available — Project Ivy has arrived! by Stephen fluin.
Angular 10 is released in Jun 2020. This is a smaller release comparison to other major releases because of just a four-month time from the previous major release v9.
It is the synchronized major release with Angular CLI 10 and Angular Material 10.
For more detailed information of each feature refer to Version 10 of Angular Now Available by Stephen fluin.
Angular 11 is released in Nov 2020. This version is released with a few popular bug fixes and some good features.
Popular bug fixes :
Important Features Released in Angular 11 are :
Angular CLI has now added to support of serving application with HMR.
Use ng serve --hmr
Deprecation
Check out the official project page for a guide to incorporate angular-eslint in a project and migrate from TSLint.
Removed Support of IE9/IE10 and IE Mobile.
For more detailed information of each feature refer to Version 11 of Angular Now Available by Mark Thompson.
Angular 12 is released in May 2021. This version is released with cool features, the best one is Added Tailwind CSS support.
Important Features Released in Angular 12 are :
styles
property of @Component
decoratortailswindcss
package and add tailwind.config.js
to use tailwind CSS./* Without Nullish Coalescing */
{{age !== null && age !== undefined ? age : calculateAge() }}
/* With Nullish Coalescing &/
{{ age ?? calculateAge() }}
Deprecated support for IE 11.
For more detailed information on each feature refer to Angular v12 is now available.
Angular 13 is released in Nov 2021. Angular continued moving forward with the Ivy.
Important Features Released in Angular 13 are :
ComponentFactoryResolver
being injected into the constructor. Ivy creates the opportunity to instantiate the component with ViewContainerRef.createComponent
without creating an associated factory.For more detailed information on each feature refer to Angular v13 is now available.
As you have seen above Angular is constantly growing with better features and faster performance.
In upcoming versions, more exciting features are coming like Ivy renderer, and Bazel which are currently in opt-in previews
For the detailed angular versions updates and changes refer to the angular changelog.