Компонент нагрузки на основе авторизован пользователя без изменения URL

голоса
1

Я использую Угловой. В моих AppComponent, я хотел бы, чтобы отобразить страницу входа в систему, если пользователь не вошел в систему .

У меня есть служба проверки подлинности

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

}

Что я могу сделать в app.component для главной страницы для загрузки , LoginComponentесли пользователь не вошел в систему или DashboardComponentесли пользователь вошел в систему без маршрутизации для различных URL - адресов?

Задан 09/01/2018 в 02:55
пользователем
На других языках...                            


1 ответов

голоса
0

Вы можете сохранить свой маркер в LocalStorage и на основе даты истечения срока действия этого маркера вы можете проверить подлинность маркеров и основываясь на том, что вы можете перенаправить LoginPage или Dashboard страница, Вы можете проверить логику действия в гвардии.

Если вы хотите полный пример можно найти по этой ссылке: http://jasonwatmore.com/post/2016/09/29/angular-2-user-registration-and-login-example-tutorial

и там auth.guard.ts делает именно то, что вам нужно

Ответил 09/01/2018 в 03:11
источник пользователем

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