java-tutorials/spring-security-angular/client/angular2/app/home/home.component.ts

import { Component, OnInit } from '@angular/core';
import { Http, RequestOptions, Headers } from '@angular/http';
import 'rxjs/add/operator/map'

@Component({
    selector:'home',
    templateUrl: './app/home/home.component.html'
})

export class HomeComponent implements OnInit {

    userName: string;

    constructor(private http: Http) { }

    ngOnInit() {
        let url = 'http://localhost:8082/user';
        let headers = new Headers({
            'Authorization': 'Basic ' + sessionStorage.getItem('token')
        });
        let options = new RequestOptions({ headers: headers });
        this.http.post(url,{}, options).
        map(res => res.json()).
        subscribe(
            principal => this.userName = principal.name,
            error => {
                if(error.status == 401)
                    alert('Unauthorized');
            }
        );
    }

    logout() {
        sessionStorage.setItem('token', '');
    }
}