Recherche:

J'ai mis des console log un peu partout notamment dans le header. Et l'objet loggedUser est = à {}

Bonjour, je pense que j'ai peut-être mal expliqué ce que je souhaite faire ou peut être que je comprend mal le principe des observables ou je les utilise mal.
Je vais donc essayer de réexpliquer.
...

J'ai beau souscrire à this.currentUser$ = this.authService.getCurrentUserObs(); sur ma home page et sur mon header component, il perd le loggedUser dès que je change de page

J'ai ajouté dans le header html le async


<div class="navbar-collapse collapse w-100" id="collapsingNavbar3" *ngIf="(currentUser$ | async) as UserAccount">

J'ai repris l'exemple donné par dukoid https://iner-dukoid.developpez.com/tutoriels/web/introduction-framework-web-angular/#LXXIX

J'ai déplacé dans le login component le chargement de la...

Oui, oui, je ne l'ai pas copié mais le fichier complet est :



import { catchError, map, take } from 'rxjs/operators';
import { HttpClient, HttpErrorResponse } from '@angular/common/http';...

Le voici :


export class AuthService {
public isloggedIn : boolean = false;
public user : UserAccount;
public navigations : Navigation [] = [];
private error : string = '';
...

Je ne vois pas à quoi souscrire puisque sur les autres pages je n'ai plus le login et password je ne peu plus faire appel à auth.Login

Et si je fais appel à currentUserValue


ngOnInit():...

J'ai trouvé une explication en testant d'autres valeurs de loggedUser auxquelles j'avais accès.
Dans mon modèle, j'ai défini useraccountTypeId mais ce que je recevais de mon API était orthographié...

Oui, il s'agit bien d'anti-quote. J'ai aussi testé comme ceci avec de simples '.


getNavigation(accountTypeId: number) : Observable<Navigation[]> {
let apiNavigation: string =...

La voici :


getNavigation(accountTypeId: number) : Observable<Navigation[]> {
let apiNavigation: string = environment.apiAddress + `NavigationByUser/${accountTypeId}`;
return...

En tête de requête : /NavigationByUser/undefined

Ce que je ne comprends pas aussi c'est que sur la copie d'écran précédente, je teste en ligne 44 mon objet. Il n'est pas vide puisque je rentre...

Désolé, je ne retrouve pas le requete en question dans mon navigateur.

Ce que je ne comprends pas, c'est que dans le code ci-dessous:
606294

En ligne 47 j'affiche le contenu de this.loddeUser...

C'est toujours pareil erreur 400 parce que this.loggedUser.useraccountTypeId est undefined.

Ce que je ne comprends pas, c'est que si je fais un


console.log(JSON.stringify(this.loggedUser,...

Si je comprends bien, il va d'abord faire le emit avant d'assigner loggedUser?

Il faut alors attendre qu'il assigne loggedUser? UN autre observable dans ce cas?

J'ai déplacé l'appel à...

Effectivement j'ai oublié de mettre user dans this.user. C'est ok j'arrive à afficher les info du user.

Par contre je n'arrive toujours pas à les données de navigation dans l'arrau de...

heu non, j'ai fait comme pour login à moins que je me trompe.


getNavigation(accountTypeId: number) : Observable<Navigation[]> {
let apiNavigation: string = environment.apiAddress +...

j'ai réussi à récupérer depuis la méthode login du auth.service


LogIn(login: string, password : string): Observable<UserAccount>{
let apiUserAccount: string = environment.apiAddress +...

Je devrais pouvoir récupérer l'observable et y souscrire. L'idée est d'avoir un menu adapté au type d'utilisateur qui se connecte.

J'essaie ceci mais ce n'est toujours pas bon :


LogIn(login:...

Effectivement mais dans le lien suivant https://iner-dukoid.developpez.com/tutoriels/web/introduction-framework-web-angular/#LXIII, la méthode login retourner un Observable<ICurrentUser>

Il contient bien un objet UserAccount

La dernière ligne le
return this.user as UserAccount;

Hello Krakatoa, merci pour ton aide.

Malgré la correction, le message d'erreur est toujours présent.

Voici le code corrigé :


LogIn(login: string, password : string):...

J'essaie d'adapter mon code sur base de ton exemple mais j'ai un peu de mal.
Mon modèle UserAccount est le suivant :



import { Gender } from './Gender.interface';
import { Navigation } from...

Hello dukoid, merci pour ton aide.
Je vais effectivement me baser sur ce tuto.
Merci