Angular RouterLink导航到简单页面，而不是页面/页面

问题描述

我有两个页面，主页和播放器，我想在主页上导航到播放器页面，但不要使用这种格式的主页/播放器

当我使用routerLink =“ player”时，出现错误，因为链接转到了主屏幕/播放器，而不仅仅是播放器。我该如何实现？

应用路由模块：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {AddplayerComponent} from './pages/add-player/add-player.component';
import {RouterModule,Routes} from '@angular/router';
import {HomeComponent} from './pages/home/home.component';

const routes: Routes = [
  { path: '',redirectTo: 'home',pathMatch: 'full' },{ path: 'home',component: HomeComponent },{ path: 'Player',component: AddplayerComponent }
];


@NgModule({
  imports: [RouterModule.forRoot(routes)],exports: [RouterModule]
})
export class AppRoutingModule { 

解决方法

尝试routerLink = "/Player。请注意，在您定义的路由模块中，“ Player”的大小写方式以及在routerLink中缺少的“ /”号。有关更多说明，请参见https://angular.io/api/router/RouterLink

,

尝试在index.html页的开头添加代码，然后将代码更正为routerLink =“ / Player”。