重定向失败

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 仍然是登录页面[=13] =]

Answer 1

把router.navigate

里面的/去掉就行了

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

重定向失败

REDIRECT FAILED

angular

angular-router