Маршрут перенаправления угловой 5

Question

В моем маршруте есть ошибка. Я не знаю, почему она не работает специально для этой страницы.Итак, у меня есть веб-приложение, я добавляю шаблон в свое приложение: два компонента (template-un и template-deux).после этого я добавил их селектор в appcomponent следующим образом:

<div class="page">
    <app-template-un></app-template-un>
    <app-template-deux></app-template-deux> 
</div>

Итак, теперь я хотел бы добавить страницу аутентификации, я создаю новый компонент, пишу необходимый код html и машинописный текст.После этого я изменил appcomponent на:

<app-login></app-login>

Когда я запускаю свое приложение, я получаю страницу входа в систему, проблема здесь, когда я ввожу логин и пароль и проверяю.когда я проверяю его, я перенаправляю меня на страницу панели инструментов в URL, но она остается той же страницей входа, что и мой компонент входа в систему:

onSubmit() { 
            console.log(`username: ${this.username} password: ${this.password}`)

           if(this.username == 'admin' && this.password == 'admin'){
        this.router.navigate(['dashboard']);
           }
          }

Любые идеи, чтобы помочь мне, пожалуйста

Answer 1

Вам необходимо добавить

<router-outlet></router-outlet>

в ваш файл app.component.html.

Answer 2

this.router.navigate(['/dashboard']).

Answer 3

import { Router } from '@angular/router';
constructor(private router: Router){}

onSubmit() { 
            console.log(`username: ${this.username} password: 
            ${this.password}`)

           if(this.username == 'admin' && this.password == 'admin'){

             this.router.navigate(['/dashboard'])

          }

Answer 4

Это должно быть this.router.navigate(['/dashboard']).

Или вы можете использовать this.router.navigateByUrl('/dashboard')