Lastkomponente auf Basis des Status von angemeldeten Benutzern ohne URL zu ändern

stimmen
1

Ich verwende Angular. In meinem AppComponent, würde Ich mag eine Login - Seite angezeigt werden, wenn der Benutzer nicht angemeldet ist.

Ich habe einen Authentifizierungsdienst

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() {
  }

}

Was kann ich für die Hauptseite in app.component tue das laden , LoginComponentwenn der Benutzer nicht angemeldet ist oder DashboardComponentwenn der Benutzer ohne das Routing zu verschiedenen Urls angemeldet ist?

Veröffentlicht am 09/01/2018 um 02:55
vom benutzer
In anderen Sprachen...                            


1 antworten

stimmen
0

Sie können Ihr Token in localstorage speichern und basierend auf Ablaufdatum des Tokens können Sie die Gültigkeit von Token überprüfen und auf der Grundlage, dass Sie umleiten zu Anmeldeseite oder auf dem Armaturenbrett Seite können Sie Gültigkeitslogik in Guards überprüfen.

Wenn Sie vollständige Beispiel wollen Sie bitte diesen Link verweisen: http://jasonwatmore.com/post/2016/09/29/angular-2-user-registration-and-login-example-tutorial

und es auth.guard.ts tut genau das, was Sie brauchen

Beantwortet am 09/01/2018 um 03:11
quelle vom benutzer

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