Aplicación angular donde el usuario puede iniciar sesión con su correo electrónico y contraseña. entonces necesito cuando el usuario actual se conectó y se muestra en (app.component.html) usando localStorage. Obtengo toda la información de una base de datos mysql.

código:

auth.service.ts:

 @Injectable({ providedIn: 'root' }) export class AuthService { constructor() { } getUserDetails() { if(localStorage.getItem('userData')){ return localStorage.getItem('userData') }else{ return null } } setDataInLocalStorage(variableName, data) { localStorage.setItem(variableName, data); } getToken() { return localStorage.getItem('token'); } clearStorage() { localStorage.clear(); } }