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/cli@8 @angular/core@8
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
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. Also, we discussed some new features about Angular 9 in this article. Any feedback or query related to this article is most welcome.