change to http client

Author: linux-china

src/main/frontend/src/app/app.component.html

@@ -5,7 +5,3 @@ <h1 class="appContent">
 <a class="btn btn-default" href="#" role="button">Click</a>
 
 <button md-button>Click me!</button>
-
-<md-input-container>
-    <input mdInput placeholder="Favorite food" value="Sushi">
-</md-input-container>

src/main/frontend/src/app/app.component.ts

@@ -1,6 +1,6 @@
 import {Component} from "@angular/core";
 import {UserService} from "./service/user.service";
-import {Http} from "@angular/http";
+import {HttpClient} from "@angular/common/http";
 
 @Component({
     selector: 'app-root',
@@ -9,12 +9,12 @@ import {Http} from "@angular/http";
     providers: [UserService]
 })
 export class AppComponent {
-    user = {id: 1, nick: "Jackie"};
+    user = {};
 
-    constructor(private userService: UserService, http: Http) {
+    constructor(private userService: UserService, httpClient: HttpClient) {
         console.log("init AppComponent");
         // remote service
-        // http.get('/json').subscribe(result => this.user = result.json());
+        httpClient.get('/json').subscribe(result => this.user = result);
     }
 
     echo(): string {

src/main/frontend/src/app/app.module.ts

@@ -1,9 +1,6 @@
 import {BrowserModule} from "@angular/platform-browser";
 import {NgModule} from "@angular/core";
 import {FormsModule} from "@angular/forms";
-import {HttpModule} from "@angular/http";
-import {MaterialModule} from "@angular/material";
-
 import {AppComponent} from "./app.component";
 import {HttpClientModule} from "@angular/common/http";