Angular 2 - Send value between services - service

Question

I'm trying to make the canActivate function returns true or false.
The boolean value will come from the function signin() in file login.service.ts
in response.json().message and appear true or false but does not appear the value when I use this.loginService.logado() in canActivate function in file auth.guard.ts.
Anyone know how to solve this problem?
login.service.ts
import {Injectable} from "#angular/core";
import {Http, Headers} from "#angular/http";
import {Observable} from "rxjs/Observable";
import 'rxjs/Rx';
import {Config} from '../config';
#Injectable()
export class LoginService{
token: string;
userId: string;
constructor (private _http: Http) {}
login(contentLogin){
const body = JSON.stringify(contentLogin);
const header = new Headers({'Content-Type': 'application/json'});
return this._http.post(Config.URL_SITE + 'auth/login', body, {headers: header})
.map(response => response.json())
.catch(error => Observable.throw(error.json()));
}
signin() {
this.token = localStorage['token'];
this.userId = localStorage['userId'];
const body = JSON.stringify({token: this.token, userId: this.userId});
const header = new Headers({'Content-Type': 'application/json'});
return this._http.post(Config.URL_SITE + 'auth/signin', body, {headers: header})
.map(response => response.json().message) //true or false
.catch(error => Observable.throw(error.json()));
}
}
auth.guard.ts
import {Injectable} from '#angular/core';
import {CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot} from '#angular/router';
import {Observable} from 'rxjs/Rx';
import {LoginService} from './login/login.service';
#Injectable()
export class AuthGuard implements CanActivate {
constructor(private loginService: LoginService) {}
canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> | boolean {
return this.loginService.signin()
}
}

Answer 1

This is a bit a weird behavior of canActivate but it does wait for the observable to complete, instead of just for an event of the observable.
You can workaround using
return this.loginService.signin().first();
Don't forget to import the take operator.