36 lines
		
	
	
		
			952 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			36 lines
		
	
	
		
			952 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
| 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', '');
 | |
|     }
 | |
| } |