Angular 2 routerlink不可点击

时间:2019-01-27 11:02:43

标签: angular2-routing

我正在尝试使用routerlinl,但是以某种方式无法点击。请有人帮忙。以下是代码:

**app.module.ts:**

import { RouterModule } from '@angular/router';
.....
@NgModule({....})
imports: [
BrowserModule,
FormsModule,
RouterModule.forRoot([
  { path: 'employees', component: EmployeesComponent },
  { path: 'login', component: LoginComponent },
  { path: 'index', component: IndexComponent },
  { path: '**', component: PageNotFoundComponent },
  { path: '', pathMatch: 'full', redirectTo: '/index' }

])
],


**app.component.html:**

<h1>App (root) component</h1>
<ul class="nav nav-tabs">
<li>
    <a routerlink="/login" routerLinkAction="active">Login</a>
</li>
</ul>
<router-outlet></router-outlet>


**app.component.ts:**
import { RouterModule, Routes } from '@angular/router';
....

(..表示有代码,但由于相关性而没有放在此处。)

1 个答案:

答案 0 :(得分:1)

应该是

routerLink="/login"

不是

routerlink="/login"

注意字母大小写,因为选择器区分大小写。