如何以角度修复路线答案

【问题标题】：How to fix routes in angular如何以角度修复路线
【发布时间】：2019-12-12 14:09:06
【问题描述】：

使用 Angular 和 md 引导时出现以下错误。

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

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

HTML

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

模块测试

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 }), ]

【问题讨论】：

at
关于我们

【解决方案1】：

首先你的 html 应该是这样的

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

还要注意/about 是如何用小写a 拼写的，而不是像您的示例中那样的大写字母

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

有关角度路由的更多信息，您可以转到here

【讨论】：

谢谢 ..它起作用了...我尝试了相同的语法，但唯一的事情是删除了我没有尝试过的区分大小写的东西..现在它工作正常..谢谢
请再问一个问题...出现以下错误.. 错误错误：formGroup 需要一个 FormGroup 实例。请传入一个。示例：

在您的班级中：this.myGroup = new FormGroup({ firstName: new FormControl() });
@KoushikSuripeddi 您必须发布一个新问题并正确格式化，而不是通过 cmets
区分大小写更正就足够了。您无需在此处添加不必要的括号：您转换表达式的左侧，使其等待一个 javascript 值，并将表达式的右侧转换为解释为 javascript 表达式的字符串。只是浪费。
@GérômeGrignon 这不是强制性的，但使用它们是一个好习惯，因为更复杂的路由器导航需要它们