import { Component, OnInit } from '@angular/core'; import { Http, Headers, RequestOptions } from '@angular/http'; import 'rxjs/add/operator/map' @Component({ selector:'home', templateUrl: './home.component.html' }) export class HomeComponent implements OnInit { userName: string; constructor(private http: Http) { } ngOnInit() { let url = 'http://localhost:8082/user'; let headers:Headers = new Headers({ 'Authorization': 'Basic ' + sessionStorage.getItem('token') }) let options = new RequestOptions({headers: headers}); this.http.post(url,{}, options).map( res => res.json(), error => { if(error.status == 401) alert('Unauthorized'); } ).subscribe(principal => { this.userName = principal.name; }); } logout() { sessionStorage.setItem('token', ''); } }