У меня есть метод входа в систему, который возвращает пользовательский объект, который может использоваться всеми компонентами с помощью внедрения зависимостей.
login(usuario: Usuario) {
this.http.post<Usuario>(this.baseUrl, {
username: usuario.username,
clave: usuario.clave
}).subscribe(data => {
if (data != null) {
localStorage.setItem('isLoggedIn', 'true');
localStorage.setItem('token', btoa(usuario.username + ':' + usuario.clave));
this.usuario2 = data;
this.router.navigate(['/buscador']);
} else {
alert('Authentication failed.');
}
});}
Проблема заключается в том, что, если я перезагружаю страницу, экземпляр объекта обновляется и не может быть достигнут остальными компонентами. Я попытался использовать localStorage, когда вы входите в систему, которая устанавливает весь объект в виде строки json, а затем анализирует его в компонентах, которые я хочу использовать их. Это работает во всех компонентах, кроме AppComponent, который может быть достигнут только на InInit. Поэтому я хотел бы знать, каким будет наилучший подход к этой ситуации.