angular - 无法匹配任何路由。URL 段：“登录”

Question

我的页面 http://localhost:4200 加载正确，但是当我想转到链接 http://localhost:4200 /login 它返回链接 http://localhost:4200 并显示错误

路由模块.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule , Routes} from '@angular/router';
import { LoginComponent } from './components/login/login.component';
import { TaskManagerComponent } from './components/task-manager/task-manager.component';


const routes:Routes=[
   { path : 'login',component:LoginComponent },
   { path : 'task' ,component:TaskManagerComponent }
];

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

标签： angular

Answer 1

在您的组件模板中，您应该使用以下内容：

<a [routerLink]="['/login']">Login</a>