We have Release Candidate 5 released today and Angular 4 is just around the corner. Here is how you can upgarde your existing Angular 2.x application to Angular 4.
You can simply upgrade using the npm commands as follows:
1
npm install @angular/common@next @angular/compiler@next @angular/core@next @angular/forms@next @angular/http@next @angular/platform-browser@next @angular/platform-browser-dynamic@next @angular/platform-server@next @angular/router@next typescript@latest --save -E
You will also need to upgrade the compiler-cli package in devDependencies:
1
npm install @angular/compiler-cli@next --save-dev -E
Once done your package.json will look like:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
"dependencies": {
"@angular/common": "4.0.0-rc.5",
"@angular/compiler": "4.0.0-rc.5",
"@angular/core": "4.0.0-rc.5",
"@angular/forms": "4.0.0-rc.5",
"@angular/http": "4.0.0-rc.5",
"@angular/platform-browser": "4.0.0-rc.5",
"@angular/platform-browser-dynamic": "4.0.0-rc.5",
"@angular/platform-server": "4.0.0-rc.5",
"@angular/router": "4.0.0-rc.5",
"core-js": "^2.4.1",
"rxjs": "^5.1.0",
"typescript": "2.2.1",
"zone.js": "^0.7.6"
},
"devDependencies": {
"@angular/cli": "1.0.0-rc.2",
"@angular/compiler-cli": "4.0.0-rc.5",
"@types/jasmine": "2.5.38",
"@types/node": "~6.0.60",
...
You could also upgarde by modifiying the package.json file. and then run the npm install command to download the new package.
Happy coding!
:)