У меня проблемы с приложением Angular, которое я создаю.Я заметил, что в приложениях использование относительных путей с routerLink не работает.Он не выдает ошибку и не переходит на неправильную страницу, он просто ничего не делает;Я проверил это, пытаясь перейти к компонентам корневого уровня, а также к детям с тем же результатом.Если, однако, я использую абсолютные пути, он просто отлично справляется.
Я действительно почесываю этот вопрос и не могу найти аналогичную проблему в SO и т. Д., Поэтому мне просто нужно знатьс чего начать поиск.
Редактировать : работает, оно добавляется один раз при первой загрузке приложения, если это первая ссылка, по которой вы нажали, но больше никогда.
Обновление : Как и предполагалось, я воссоздал проблему в StackBlitz.Пожалуйста, перейдите по этой ссылке и прочитайте комментарии в nav-component.component.html.
Например, первая ссылка в этом меню ничего не делает, но все остальные работают как положено;и снова я проверил это на каждой ссылке в приложении с одинаковыми результатами:
<div class="list-group menu-list-group">
<a routerLink="./artists-profiles"
class="list-group-item btn btn-primary"
(click)="artistsMenuChoice('artist-profiles')">
Artist Profiles
</a>
<a [routerLink]="['/artists/artist-videos']"
class="list-group-item btn btn-primary">
Videos
</a>
<a [routerLink]="['/artists/artist-endorsement']"
class="list-group-item btn btn-primary">
Get Endorsed
</a>
</div>
<hr>
<div class="list-group menu-list-group">
<a href="#" class="list-group-item btn btn-primary">
Shopping Cart
</a>
<a href="#" class="list-group-item btn btn-primary">
{{ menuCredAction }}
</a>
</div>
Вот мой модуль маршрутизации приложений:
const appRoutes: Routes = [
{ path: 'home', component: HomeComponent},
{ path: 'artists', component: ArtistsComponent, children: [
{path: '', component: ArtistsStartComponent},
{path: 'artist-profiles', component: ArtistProfilesComponent},
{path: 'artist-videos', component: ArtistVideosComponent},
{path: 'artist-endorsement', component: ArtistsGetEndorsedComponent},
] },
{ path: 'about', component: AboutComponent, children: [
{path: '', component: AboutStartComponent}
] },
{ path: 'shop', component: ShopComponent },
{ path: 'contact', component: ContactComponent },
{ path: 'auth', component: AuthComponent },
];
@NgModule({
imports: [
RouterModule.forRoot(appRoutes)
],
exports: [
RouterModule
],
})
export class AppRoutingModule {
}