如何固定角度的路線

Question

使用angular和md引導程序時遇到錯誤。

錯誤錯誤：未捕獲（承諾）：錯誤：無法匹配任何路由。 網址段：“關於”

錯誤：無法匹配任何路線。 URL段：輸入代碼為“關於”

的HTML

<li class="nav-item"> 
    <a class="nav-link waves-light" routerLink='/About' mdbWavesEffect>About US</a> 
</li> 

TS模組

import { AppRoutingModule } from './app-routing.module'; 

const appRoutes: Routes = [ 
    { path: 'home', component: HomeComponent , pathMatch: 'prefix'}, 
    { path: 'about', component: AboutComponent , pathMatch: 'prefix'}, 
    { path: 'contact', component: ContactComponent , pathMatch: 'prefix'} 
]; 

imports: [ RouterModule.forRoot(appRoutes , { enableTracing: true }), ]

Answer 1

首先，您的html應該看起來像這樣

<a class="nav-link waves-light" [routerLink]="['/about']" mdbWavesEffect>About Us</a>

還要注意/about的拼寫是如何用小寫a而不是大寫字母

路線區分大小寫！ 這應該可以解決您的問題

有關角度布線的更多信息，請轉到此處