[Angular 5] Appeler un attribut depuis un service avec subscribe

Bonsoir,

j'ai un service qui me donner un jeton :

Code:

---

1 2 3 4 5 6 7 8 9

getWebserviceJwt(){//recupération du jwt this._http.get("url ...").subscribe( data => { this.jeton = data; //jeton formulaire contact console.log(data); } ); }

---

si je fais un console.log(data), j'ai bien le jeton dans la console
j'action la méthode getWebserviceJwt() depuis un component "rdv" lorsque je clique sur un bouton:

Code:

---

1 2	<button mat-raised-button (click)="validRDV()">Prendre le rendez-vous</button>

---

voici la méthode qui est à l'intérieur du component "rdv"

Code:

---

1 2 3 4 5 6 7

validRDV(){//on valide et demande d'enregistrement du rendez-vous   this._calendarService.setWbsRdv(this._RDV); this._visiteur.getWebserviceJwt(); console.log(this._visiteur.jeton); }

---

_visiteur est l'attribut qui appartient à la classe VisiteurService

Code:

---

1 2	private _visiteur: VisiteurService

---

voici le visiteur service:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

import { Injectable } from '@angular/core'; import { HttpClient } from '@angular/common/http';   @Injectable()   export class VisiteurService {   public wbsGetJeton: string = "https://monwebservice/recupjeton.php"; public jeton: any = "pas de jeton";     constructor(private _http:HttpClient) { }   getWebserviceJwt(){//recupération du jwt this._http.get('url...').subscribe( data => { this.jeton = data; //jeton formulaire contact } ); }

---

console.log(this._visiteur.jeton) m'affiche 'pas de jeton '.
Comment je dois charger correctement l'attribut jeton ?
(si je clique sur 2 fois le bouton j'ai bien mon jeton et nom "pas de jeton")

Code:

---

1 2	composant RDV => service visiteur => vers l'api qui donne le jeton

---

merci de vos réponse :)

Je pense avoir compris pourquoi cela ne fonctionne pas.
il faut que le service s'occupe uniquement de donner la réponse du serveur sans y souscrire, puis c'est au component de souscire
à l'observable.

Code:

---

1 2 3 4 5

//le service getWebserviceJwt(){//recupération du jwt this._http.get("url ..."); }

---

Code:

---

1 2 3 4 5 6 7 8

validRDV(){//on valide et demande d'enregistrement du rendez-vous this._visiteur.getWebserviceJwt().subscribe( data => { console.log(data); } ); }

---

Par contre serait t'il judicieux de sauvegarder tout le GET dans un localstorage ?
afin qu'il puisse être réutiliser ultérieurement ?

Code:

---

1 2 3

setItem('jeton_observable', this._http.get("url ...");

---

J'aurai un autre question , comment obtenir la réponse d'un attribut lorsqu'il est chargé ?

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

classe composant{ public _service:Service; public recupvariable:string;   recupVariablePret(){ this._service.donneVariableApi().subscribe( data => { recupvariable= data; } ) }   afficheVariable(){ console.log("la variable qui à été suscrit est" + this.recupvariable); } }   classe Service {   public variablePret = "pas encore arriver";   donneVariableApi(){ return this._http.get("urlAPI"); }     }

---

si je fais appelle à

Code:

---

1 2	console.log("la variable qui à été suscrit est" + this.recupvariable);

---

cela me répondra

Code:

---

1 2	la variable qui à été suscrit est pas encore arriver

---