web-dev-qa-db-fra.com

Angular 4, fonction souviens-toi de moi

Je fais une application angualar 4 avec le backend du nœud js. J'ai fait le formulaire de connexion et tout va bien je veux implémenter la fonction souvenez-vous de moi. Merci d'avance. Ce mon service de connexion:

import { Injectable } from '@angular/core';

@Injectable()
export class loginService{
  rememberMe: boolean;
  constructor() { }

login(credentials) {
  sessionStorage.setItem('Name', credentials.firstName);
  sessionStorage.setItem('token', credentials.token);
}

getCostumer() {
  const user = {
    Name:  sessionStorage.getItem('firstName'),
    token: sessionStorage.getItem('token')
}

C'est le composant:

constructor(private signInService: SignInService, private router: Router, 
public dialog: MatDialog, private authService: AuthService) { }

ngOnInit() { }

  login(costumer) {
     this.loginService.login(costumer).subscribe((data) => {
       this.authService.login(data);
       this.router.navigate(['home']);
       this.dialog.closeAll();
      }, err => {
       this.message = err._body;
       console.log(this.message);
     });
  }
}
javascriptangulartypescriptlocal-storageangular2-template
4
Mat

Utilisez localStorage au lieu de sessionStorage

Dans votre cas, vous pouvez faire quelque chose comme ceci:

if (isRemberMeChecked) {
    ...
    localStorage.setItem('Name', credentials.firstName);
    localStorage.setItem('token', credentials.token);
    ...
} else {
    ...
    sessionStorage.setItem('Name', credentials.firstName);
    sessionStorage.setItem('token', credentials.token);
    ...
}

Si vous voulez obtenir la valeur isRemberMeChecked globalement, vous pouvez utiliser service angulaire

9
Vala Khosravi

Ce que vous voulez faire ici, c'est utiliser localStorage pour RememberMe et credentials.firstName. Le credentials.token que vous pouvez stocker dans le sessionStorage:

login(credentials) {
  localStorage.removeItem('Name');
  localStorage.removeItem('RememberMe');
  sessionStorage.setItem('token', credentials.token);
  if(rememberMe){
    localStorage.setItem('Name', credentials.firstName);
    localStorage.setItem('RememberMe', JSON.stringify(this.rememberMe));
  }
}

Après un rechargement, il récupérera les RememberMe et Name:

if(JSON.parse(localStorage.getItem('RememberMe')) !== null)
{
  this.name = localStorage.getItem('Name');
  this.rememberMe = JSON.parse(localStorage.getItem('RememberMe'));
}
2
Swoox