Angular 2 routerLink 不可点击
Angular 2 routerLink is not clickable
我正在尝试使用 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';
....
(....表示有代码但由于相关性没有放在这里)。
将routerlink
更改为routerLink
喜欢
routerLink="/login"
没有
routerlink="/login"
注意字母大小写,因为选择器区分大小写。
我正在尝试使用 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';
....
(....表示有代码但由于相关性没有放在这里)。
将routerlink
更改为routerLink
喜欢
routerLink="/login"
没有
routerlink="/login"
注意字母大小写,因为选择器区分大小写。