import { Links } from './links';export class User {constructor (public username: string = null,public password: string = null,public _links: Links = null,) { }
}

import { Injectable } from '@angular/core';
import { Headers, Http, RequestOptions, Response } from '@angular/http';import { User } from './user';
import 'rxjs/add/operator/toPromise';@Injectable()
export class UserService {constructor (private http: Http) { }private url = 'http://localhost:8080/user'getAllUsers(): Promise<User[]> {return this.http.get(this.url).toPromise().then(this.extraData).catch(this.handleError);}private extraData(response: Response) {return response.json()._embedded['user'];}private handleError (error: any) {let msg = (error.message) ? error.message :error.status ? `${error.status} - ${error.statusText}` : 'unknown error';console.error(msg); // log to console insteadreturn Promise.reject(msg);}
}

import { NgModule }       from '@angular/core';
import { CommonModule }   from '@angular/common';import { UserService }    from '../shared/user.service';
import { HomeComponent }  from './home.component';@NgModule({imports: [CommonModule,],declarations: [HomeComponent,],providers: [UserService]
})
export class HomeModule { }

home.component.ts

import { Component, OnInit, OnDestroy } from '@angular/core';
import { Router, ActivatedRoute } from '@angular/router';import { User } from '../shared/user';
import { UserService } from '../shared/user.service';
import { Subscription } from 'rxjs/Subscription' ;@Component({templateUrl: '/app/home/home.component.html'
})
export class HomeComponent implements OnInit, OnDestroy {subscription: Subscription;users: User[];constructor(private router: Router,private route: ActivatedRoute,private userService: UserService,) { }ngOnInit() {this.userService.getAllUsers().then(users => {console.log(users);this.users = users;},error => console.error(error));}ngOnDestroy() {this.subscription.unsubscribe();}
}

home.component.html

<div class="container"><h2>Welcome to Healtrav</h2><div class="container"><h3>All users</h3><table><ul><li *ngFor="let user of users"><h5>username: {{ user.username }}</h5><h5>password: {{ user.password }}</h5><h5>_links.self.href: {{ user._links.self.href }}</h5></li></ul></table></div>
</div>

验证

npm install -g angular-cli

ng new PROJECT_NAME
cd PROJECT_NAME
ng serve

ng g component my-new-component

ng build

ng build --prod --aot

ng build --bh /myUrl/

ng test