Angular 4 has been released and now available for download, it is a major release after 2.x.x and it is backward compatible with 2.x.x.
Angular 4 is smaller and faster than 2.x.x version as per the official post by angular over all its reduce by 60% of the size of the generated component code.
Animation package has been taken out from @angular/core and bundled inside their own package. So if anyone not using the animation then it reduces the size of your package. However, animation can be added by importing the BrowserAnimationsModule from @angular/platform-browser/animations to your main NgModule.
There are many more features which have been updated in the Angular 4 you can check out more here.
For updating to angular 4 follow the below steps.
On Linux/Mac:
On Windows:
Then for using the Animation in angular your need to import the same from @angular/platform-browser/animations in your root NgModule. Without this, your code will compile and run, but animations will trigger an error. Imports from @angular/core were deprecated, use imports from the new package import { trigger, state, style, transition, animate } from '@angular/animations';.
Then we can use the normal ng server or NPM command to run and test our app.
If you would like to upgrade your project interactively then follow the link here.
Select the current and target version and click on the Show me how to upgrade! button. It will show the command and steps required for upgrading your current version to angular version 4.
For checking the version of installed Angular Version uses the ng version command on terminal.
What is new in Angular 4
Angular 4 is smaller and faster than 2.x.x version as per the official post by angular over all its reduce by 60% of the size of the generated component code.
Animation package has been taken out from @angular/core and bundled inside their own package. So if anyone not using the animation then it reduces the size of your package. However, animation can be added by importing the BrowserAnimationsModule from @angular/platform-browser/animations to your main NgModule.
There are many more features which have been updated in the Angular 4 you can check out more here.
How to upgrade to Angular 4
For updating to angular 4 follow the below steps.
On Linux/Mac:
npm install @angular/{common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router,animations}@latest typescript@latest --save
On Windows:
npm install @angular/common@latest @angular/compiler@latest @angular/compiler-cli@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/platform-server@latest @angular/router@latest @angular/animations@latest typescript@latest --save
Then for using the Animation in angular your need to import the same from @angular/platform-browser/animations in your root NgModule. Without this, your code will compile and run, but animations will trigger an error. Imports from @angular/core were deprecated, use imports from the new package import { trigger, state, style, transition, animate } from '@angular/animations';.
Then we can use the normal ng server or NPM command to run and test our app.
Interactive Angular Update Guide
If you would like to upgrade your project interactively then follow the link here.
Select the current and target version and click on the Show me how to upgrade! button. It will show the command and steps required for upgrading your current version to angular version 4.
How to check version of Angular?
For checking the version of installed Angular Version uses the ng version command on terminal.
E:\MyProject\FirstApp2>ng version
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
@angular/cli: 1.0.0-rc.4
node: 7.2.0
os: win32 x64
@angular/animations: 4.0.0
@angular/common: 4.0.0
@angular/compiler: 4.0.0
@angular/compiler-cli: 4.0.0
@angular/core: 4.0.0
@angular/forms: 4.0.0
@angular/http: 4.0.0
@angular/platform-browser: 4.0.0
@angular/platform-browser-dynamic: 4.0.0
@angular/platform-server: 4.0.0
@angular/router: 4.0.0
@angular/cli: 1.0.0-rc.4
Comments
Post a Comment