Как изменить маршрут по умолчанию от компонента к другому компоненту после входа пользователя?

Question

Я создал маршрут по умолчанию к компоненту панели мониторинга, например:

{ path: '', redirectTo: '/dashboard', pathMatch: 'full' }

И мне нужно изменить его на домашний компонент после входа в систему, поэтому мне нужно знать, возможно лиобработать эту проблему время выполнения броска.

Answer 1

// В компоненте Login необходимо импортировать Router

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormArray, Validators } from '@angular/forms';
import { Router } from '@angular/router';

//Include Router in constructor

constructor(private router: Router, private FormBuilder: FormBuilder) {
  }

//after login api success you can directly use code like this


return this.Service.post(this.url + 'authentication/userLogin', this.user).then((response) => {
    if (response.status == 200)
    {
//You can give any component and file path in router.navigate
this.router.navigate(['/home/dashboard']);
}

Answer 2

После успешного входа в систему используйте роутер, чтобы перейти на панель мониторинга, например: Вы передаете this.user службе аутентификации, которая содержит имя пользователя и пароль.Служба аутентификации предоставляет вам результат, и в случае успеха перенаправьте.

this.service.authenticate(this.user).subscribe(result => {
     this.router.navigateByUrl('/dashboard');
}

Вам необходимо добавить логику, чтобы проверить, успешен ли result, а затем перенаправить его, но обработать ошибки входа, если они есть.Вам нужна простая логика if / else здесь.Вам нужно добавить Router в конструктор и импортировать его: protected router: Router