Upgrage Angular to 2.4 and first part of the form

Needed to upgrade Angular as it was a bug with current version: angular/angular-cli#3662

Author: antcalatayud

package.json

@@ -12,36 +12,39 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/common": "2.2.3",
-    "@angular/compiler": "2.2.3",
-    "@angular/core": "2.2.3",
-    "@angular/forms": "2.2.3",
-    "@angular/http": "2.2.3",
-    "@angular/platform-browser": "2.2.3",
-    "@angular/platform-browser-dynamic": "2.2.3",
-    "@angular/router": "3.2.3",
-    "core-js": "^2.4.1",
-    "rxjs": "5.0.0-beta.12",
-    "ts-helpers": "^1.1.1",
-    "zone.js": "^0.6.23"
-  },
-  "devDependencies": {
-    "@angular/compiler-cli": "2.2.3",
-    "@types/jasmine": "2.5.38",
-    "@types/node": "^6.0.42",
-    "angular-cli": "1.0.0-beta.22-1",
-    "codelyzer": "~2.0.0-beta.1",
-    "jasmine-core": "2.5.2",
-    "jasmine-spec-reporter": "2.5.0",
-    "karma": "1.2.0",
-    "karma-chrome-launcher": "^2.0.0",
-    "karma-cli": "^1.0.1",
-    "karma-jasmine": "^1.0.2",
-    "karma-remap-istanbul": "^0.2.1",
-    "protractor": "4.0.9",
-    "ts-node": "1.2.1",
-    "tslint": "^4.0.2",
-    "typescript": "~2.0.3",
-    "webdriver-manager": "10.2.5"
-  }
+      "@angular/common": "2.4.0",
+      "@angular/compiler": "2.4.0",
+      "@angular/core": "2.4.0",
+      "@angular/forms": "2.4.0",
+      "@angular/http": "2.4.0",
+      "@angular/material": "^2.0.0-alpha.11-3",
+      "@angular/platform-browser": "2.4.0",
+      "@angular/platform-browser-dynamic": "2.4.0",
+      "@angular/router": "3.2.3",
+      "core-js": "^2.4.1",
+      "hammerjs": "^2.0.8",
+      "rxjs": "5.0.0-beta.12",
+      "ts-helpers": "^1.1.1",
+      "zone.js": "^0.6.23"
+    },
+    "devDependencies": {
+      "@angular/compiler-cli": "2.4.0",
+      "@types/hammerjs": "^2.0.33",
+      "@types/jasmine": "2.5.38",
+      "@types/node": "^6.0.42",
+      "angular-cli": "1.0.0-beta.24",
+      "codelyzer": "~2.0.0-beta.1",
+      "jasmine-core": "2.5.2",
+      "jasmine-spec-reporter": "2.5.0",
+      "karma": "1.2.0",
+      "karma-chrome-launcher": "^2.0.0",
+      "karma-cli": "^1.0.1",
+      "karma-jasmine": "^1.0.2",
+      "karma-remap-istanbul": "^0.2.1",
+      "protractor": "4.0.9",
+      "ts-node": "1.2.1",
+      "tslint": "^4.0.2",
+      "typescript": "~2.0.3",
+      "webdriver-manager": "10.2.5"
+    }
 }

src/app/app.component.html

@@ -1,3 +1,9 @@
 <h1>
   {{title}}
 </h1>
+<form #form="ngForm">
+  <input type="text" placeholder="Name" name="name" ngModel>
+  <button type="submit">OK</button>
+</form>
+
+{{ form.pristine }}

src/app/app.component.ts

@@ -6,5 +6,5 @@ import { Component } from '@angular/core';
   styleUrls: ['./app.component.css']
 })
 export class AppComponent {
-  title = 'app works!';
+  title = 'Angular2 Form Example';
 }