componente de carga basado en anotarse en condición de usuario sin cambiar url

votos
1

Estoy usando angular. En mi AppComponent, me gustaría mostrar una página de inicio de sesión si el usuario no está conectado.

Tengo un servicio de autenticación

export class AuthenticationService {

    constructor() {}

    logout() {
        // logs out user
    }

    login(user) {
        //logs in user           

    }

    checkCredentials() {
        //checks if logged in 
    }
}  

app.component.ts

import { NgModule, Component } from '@angular/core';
// import {BrowserAnimationsModule} from '@angular/platform-browser/animations';

@NgModule({

})
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app';

}

login.component

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css']
})
export class LoginComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

¿Qué puedo hacer yo en app.component de la página principal para cargar el LoginComponentsi el usuario no está conectado o DashboardComponentsi el usuario se registra en sin enrutamiento a diferentes URL?

Publicado el 08/01/2018 a las 23:55
por usuario
En otros idiomas...                            


1 respuestas

votos
0

Puede guardar su ficha en localStorage y en base a la fecha de caducidad de esa señal se puede comprobar la validez del token y sobre la base de que se puede redirigir a loginPage O página del panel, se puede comprobar la validez lógica de Guardia.

Si quieres ejemplo completo consulte este enlace: http://jasonwatmore.com/post/2016/09/29/angular-2-user-registration-and-login-example-tutorial

y hay auth.guard.ts está haciendo exactamente lo que necesita

Respondida el 09/01/2018 a las 00:11
fuente por usuario

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more