Comment obtenir le statut de connexion dans la variable

Question

je connecter avec facebook dans mon service angulaire (LoginService)

login() { 

    this.fb.login() 
     .then((response: LoginResponse) => this.logResponse = response) 
     .catch((error: any) => console.error(error)); 
} 

Je veux surveiller logResponse variable et dès qu'il change il convient d'examiner si l'utilisateur est connecté, que j'essaie de réaliser de différentes manières. Le dernier utilise ngOnChanges

ngOnChanges(changes: SimpleChanges) { 
    if (this.logResponse.status === 'connected') { 
     this.isConnected(true); 
    } else { 
     this.isConnected(false); 
    } 
} 

mais je suis incapable de changer la valeur de connectionOn qui est responsable de l'état de connexion. Je suivais des variables dans mon service:

private connectionOn = new BehaviorSubject<boolean>(false);  
connectionOn$ = this.connectionOn.asObservable(); 
@Input() logResponse: LoginResponse; 

connectionOn est observable qui est responsable de basculer bouton Connexion/Déconnexion dans login.component.ts, il y a getter et setter de connectionOn mais il ne fonctionne pas dans mon service . Donc, la question principale est de savoir comment changer connectionOn chaque fois que logResponse.status est changé.

Mon code actuel: login.component.ts, login.service.ts

Answer 1

Si je comprends bien créer une classe de service qui sera utilisé pour informer les abonnés de la nouvelle valeur

import { Injectable } from '@angular/core'; 
import { BehaviorSubject } from 'rxjs/Rx'; 

@Injectable() 
export class ConnNotificationService { 

    private subject = new BehaviorSubject<any>(true); 
    constructor() { 
    } 

    sendMessage(message: boolean) { 
     this.subject.next(message); //all subscribers get the new value 
    } 

    getMessage() { 
     return this.subject.asObservable(); 
    } 
} 

Ensuite, si vous voulez passer, vous pouvez le faire comme suit:

toggleConn() { 
    if (this.logResponse.status === 'connected') { 
     this.ConnNotificationService.sendMessage(true); 
    } else { 
     this.ConnNotificationService.sendMessage(false); 
    } 

Par exemple dans votre login.comp Onent ou d'autres composants, vous pouvez obtenir la valeur comme suit

import { ConnNotificationService} from '...'; 
    import { Component } from '@angular/core'; 

    @Component({ 
... 
    }) 
    export class LoginPage { 
     connStatus: boolean; 

     constructor(private connService: ConnNotificationService) { 
     this.connService.getMessage().subscribe(val => this.connStatus=val); 
     } 

Espérons que cela aide.

Ashley