角2ルート3.0、大文字と小文字を区別

Question

const routes: Routes = [ 
{ path: 'x', component: xComponent }, 
{ path: 'y', component: yComponent }, 
{ path: 'zComponent', component: zComponent } 
]; 

私はx小文字で書くとコンポーネントページに移動しますが、Xキャピタルを書くと有効ではないと言われます。 URL大文字と小文字を区別

Answer 1

つのオプション... 1. 1 URLSerializerクラスを作成

import { DefaultUrlSerializer, UrlTree } from '@angular/router'; 

export class LowerCaseUrlSerializer extends DefaultUrlSerializer { 
    parse(url: string): UrlTree { 
     return super.parse(url.toLowerCase()); 
    } 
} 

そして、あなたのapp.module.tsで

providers: [ 
     { 
      provide: UrlSerializer, 
      useClass: LowerCaseUrlSerializer 
     } 
    ], 

オプション2にする方法

： ルートファイルの簡単な回避策。