Стек MEAN — вход и выход

Стек MEAN — вход и выход — P3

Откройте login.component.html и добавьте

Откройте login.component.ts и добавьте

Открыть auth.service.ts

Тест localhost:4200/login

Теперь нам нужно хранить данные в локальном хранилище. откройте login.component.ts и обновите его, как показано ниже

Давайте создадим функцию storeUserData() в auth.service.ts под authenticateUser

Тест localhost:4200/login

Теперь давайте реализуем выход из системы.

Откройте navbar.component.ts и поместите эту строку в регистр ‹li›

<li><a (click) = "onLogoutClick()"  href="#">Logout</a></li>

затем откройте navbar.component.ts и внедрите onLogoutClick()

В auth.service.ts добавить функцию logout() под storeUserData()

// function to logout
logout(){
  this.authToken = null;
  this.user = null;
  localStorage.clear();
  
}

Тест localhost:4200/login

Спасибо за чтение

&

СЧАСТЛИВОЕ КОДИРОВАНИЕ

Ресурсы

Стек MEAN — вход и выход — P3