Question

在使用angular和md引导程序时出现错误。

错误错误：未捕获（承诺）：错误：无法匹配任何路由。网址段：“关于”

错误：无法匹配任何路由。网址段：“关于”       在输入代码

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而不是大写字母拼写的方式

路由区分大小写！这应该可以解决您的问题

有关角度铣削的更多信息，请访问here

如何固定角度的路线

1 个答案: