açısal 2 Güzergah 3.0, büyük/küçük harfe duyarlı

Question

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

Eğer URL'de küçük yazıyorsam, beni bileşen sayfasına yönlendiririm, eğer X Capital yazarsam geçerli bir url demez. url duyarsız Vaka

Answer 1

İki seçenek nasıl yapılır

.. 1.

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

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

Ve app.module.ts

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

Seçenek 1 URLSerializer Class oluşturmak 2 : Rotanızda basit bir çözüm.

{ path: '/home', redirectTo: ['/Home'] }, 
{ path: '/Home', component: HomeComponent, name: 'Home' },