how to verify if user is authenticated using angular2

I have a home page and login I want if the user is not logged I redirect him to the login page to authenticat

here is my script

data.service.ts

import {Injectable} from '@angular/core';
import {Router} from '@angular/router';
export class User {
constructor(
public email: string,
public password: string) { this.email=email;this.password=password}
}
@Injectable()
export class AuthenticationService {
users :User[]= [
new User('[email protected]','adm'),
new User('[email protected]','a23'),
new User('[email protected]','a')
];
constructor(
private _router: Router){}
logout() {
localStorage.removeItem("user");
this._router.navigate(['Login']);
}
login(user :any){
var authenticatedUser :any = this.users.find(u => u.email === user.email);
if (authenticatedUser && authenticatedUser.password === user.password)
{
localStorage.setItem("user", authenticatedUser)
this._router.navigate(['home']);
console.log(this.users)
return true;
}
return false;
}
add_user(usr:User)
{
var authenticatedUser :any = this.users.push.call(new User(usr.email,usr.password));
localStorage.setItem("usr",authenticatedUser);
this._router.navigate(['login'])
console.log(this.users)
}
checkCredentials(){
if (localStorage.getItem("user") === null){
this._router.navigate(['login']);
}
}
}

home.component.ts

and thanks in advance

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Dev Teywa8y ago
Gajendra Jangid
it is in this link that I took my code but I want that in the home I check if the user connect or not otherwise I redirect him to login page
+1
Gajendra Jangid8y ago
Hi,

Visit below link :-
http://4dev.tech/2016/03/login-screen-and-authentication-with-angular2/
+1