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

时间:2020-08-30 13:02:50

标签: javascript angular navigation 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 { 

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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