What’s New in Angular 9.0 And How to Upgrade

New Features of Angular 9

Angular 9.0 is here! This is a major release that spans the entire platform, including the framework, Angular Material, and the CLI. This release switches applications to the Ivy compiler and runtime by default and introduces improved ways of testing components.

TypeScript 3.7 Support

Angular 9.0 support the TypeScript 3.7. So, if we want to use Angular 9.0 for our application, then we need to first upgrade the TypeScript to 3.7. Angular has been updated to work with TypeScript 3.6 and 3.7, including the extremely popular optional chaining feature in TypeScript 3.7. To stay in sync with the ecosystem, we’ve also updated our version of other ecosystem dependencies such as Zone.JS and RxJS.

How To Update Angular 8 to 9

First, update to the latest version of 8
ng update @angular/[email protected] @angular/[email protected]
Then, update to 9
ng update @angular/cli @angular/core

Ivy Advantages

In Angular 9.0 all applications support Ivy Compiler by default. In Ivy 9 provide major advantages like faster testing, better debugging, and many more.

Previous Ivy Improvement

CSS class binding
<my-component style="color:red;" [style.color]="myColor" [style]="{color: myOtherColor}" myDirective></div>
Style binding
<div [style.--main-border-color]=" '#CCC' ">

<p style="border: 1px solid var(--main-border-color)">hi</p>

</div>

New Option for providedIn

When we create an @Injectable service in Angular, you must choose where it should be added to the injector. In addition to the previous root and module options.

New Components

You can now include capabilities from YouTube-Player and GoogleMaps in your applications.
IDE & Language improvements
 

Conclusion

In this article, we discuss the new features of Angular 9. We also discussed some improvements in Angular 9 means which has been changed in comparison to the previous version of angular.
error: Content is protected !!