ПРЯМОЙ СБОЙ

Question

Я пытаюсь реализовать страницу входа в систему с помощью angular и app-routing, но повторение не завершено, оно передается в URL, но HTML-код остается прежним. это код де-модуля маршрутизации приложения:

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { ChooseCatalogueComponent } from './choose-catalogue/choose- 
catalogue.component';
import { LoginComponent } from './login/login.component';

const routes: Routes = [
    { path: 'choose-catalogue', component: ChooseCatalogueComponent },
    { path: 'login', component: LoginComponent },
    { path: '', component: LoginComponent }
];

@NgModule({
    imports: [RouterModule.forRoot(routes)],
    exports: [RouterModule]
})
export class AppRoutingModule { }

login.component.ts:

import { Component, OnInit } from '@angular/core';
import {Router} from '@angular/router';
@Component({
    selector: 'app-login',
    templateUrl: './login.component.html',
    styleUrls: ['./login.component.css']
})
export class LoginComponent implements OnInit {
    username: string;
    password: string;

    constructor(private router: Router) { }
        ngOnInit() {
        }

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

            this.router.navigate(["choose-catalogue"]);
            }
        else {
            this.router.navigate(["/login"]);
        }   
    }
}

когда я ввожу логин и пароль как "admin / admin", URL страницы изменится на http://localhost:4200/choose-catalogue,, но html останется тем же, что и на странице входа в систему

Answer 1

Просто возьмите / в router.navigate

 this.router.navigate(["login"]);