Složek zatížení na základě přihlášený postavení uživatele bez změny adresy URL

hlasů
1

Jsem pomocí úhlových. Podle mého AppComponent, chtěl bych se zobrazí přihlašovací stránku, pokud není uživatel přihlášen.

Mám službu ověřová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() {
  }

}

Co mohu dělat v app.component pro hlavní stránky načíst LoginComponent, pokud uživatel není přihlášen, nebo DashboardComponentpokud je přihlášen uživatel bez směrování na různé adresy URL v?

Položena 09/01/2018 v 02:55
uživatelem
V jiných jazycích...                            


1 odpovědí

hlasů
0

Můžete ukládat token localStorage a na základě uplynutí doby použitelnosti tohoto důvodu můžete zkontrolovat platnost tokenu a na základě toho si můžete přesměrovat na Loginpage OR Dashboard stránky, můžete zkontrolovat platnost logiku stráže.

Pokud se chcete plně příklad viz tento odkaz: http://jasonwatmore.com/post/2016/09/29/angular-2-user-registration-and-login-example-tutorial

a tam auth.guard.ts dělá přesně to, co potřebujete

Odpovězeno 09/01/2018 v 03:11
zdroj uživatelem

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