Skip to main content

What is different in angular 8 in compare to angular 9





What’s New In Angular 8:

Feature 1.     Angular 8 was Released on April/May 2019.
Feature 2.     Next-gen Renderer for Angular Framework Shipment of pre-compiled code  Compilation without the need of Metadata.json Meta programming.
Feature 3.     Added Web Workers.
Feature 4.     Added Lazy Loading.
Feature 5.     Improvement in ng-upgrade.
Feature 6.     Added Support for Node 10.
Feature 7.     Improvements on CLI workflow.
Feature 8.     Upgrading Angular Material.
Feature 9.     Added TypeScript 3.4 support.
Feature 10. Added Differential Modern JavaScript Loading.
Feature 11. Improved Web Worker Bundling.
Feature 12. Added a Navigation Type Available during Navigation in the Router.
Feature 13. Added pathParams Or QueryParamsChange mode for runGuards And Resolvers in the Router.
Feature 14. Allow passing state to routerLink Directives in the Router.
Feature 15. Allow passing state to NavigationExtras in the Router.
Feature 16. Restore whole object when navigating back to a page managed by Angular Router.
Feature 17. Added support for SASS.
Feature 18. Resolve generated Sass/Less files to .css inputs.
Feature 19. Added Angular Router Backward Compatibility.
Feature 20. Enhanced Web Worker Bundling.

Comments

Popular posts from this blog

Create module and component in angular by CLI

To create a component as part of a module you should ng g module newModule  to generate a module, cd newModule  to change directory into the  newModule  folder ng g component newComponent  to create a component as a child of the module.

How to display text in angular component?

Let’s take an example and understand more about Data Display. In our example, we will look at displaying the values of the various properties in our class in an HTML page. Step 1  − Change the code of the app.component.ts file to the following. import { Component } from '@angular/core' ; @Component ({ selector : 'my-app' , templateUrl : 'app/app.component.html' }) export class AppComponent { TutorialName : string = 'Angular JS2' ; appList : string [] = [ "Binding" , "Display" , "Services" ]; } Following points need to be noted about the above code. We are defining an array called appList which of the type string. We are defining 3 string elements as part of the array which is Binding, Display, and Services. We have also defined a property called TutorialName which has a value of Angular 2. Step 2  − Make the following changes to the app/app.component.html file w...

How setup or install angular?

Before creating our first Angular app, first, we’ll see how to install Angular on a Windows system. Step 1 - Install NodeJS Follow the link -  https://nodejs.org/en/download/ Download the node.js installer for Windows and install it. To check the installed version of Node.js, open the command prompt. Type the  “npm -v”  command to check the Node.js installation and version.   Step 2 - Install TypeScript Open the link  https://www.npmjs.com/package/typescript   Copy the above command  “npm install -g typescript”  and run it on command prompt. Step 3 - Install Angular CLI (Angular command line interface) Open the link  https://cli.angular.io/  and follow the instructions to install Angular CLI and to create your first  Angular app.   Type the command “npm install -g @angular/cli” on the command prompt and press enter to install Angular cli. Type “ng new hello-world” and hit enter to create the Hello World app. Once you see t...