Я уже просмотрел эту запись, чтобы добавить {useHash: true}
, но это не решило мою проблему. Я могу перейти к компоненту, но URL никогда не меняется. Это остается в localhost: 4211, где это размещено. Я также не могу вручную ввести URL-адрес, например localhost:4211/atm
, для маршрутизации на этот компонент. Я полагаю, что существует разрыв соединения между URL-адресом и маршрутизатором.
const routes: Routes = [
{
path: "",
component: HomeComponent,
pathMatch: "full"
},
{
path: "home",
component: HomeComponent,
},
{
path: "atm",
component: AtmFormPageComponent,
}
];
@NgModule({
imports: [RouterModule.forRoot(routes, { useHash: true, enableTracing: true })],
exports: [RouterModule]
})
export class AppRoutingModule { }
<div class="navbar-collapse" id="navbarColor01">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" routerLink="/home" >Home</a>
</li>
<li class="nav-item">
<a class="nav-link" routerLink="/atm" >atm</a>
</li>
У меня импортирован модуль Router, и нет ошибок в консоли или сети.