En Angular 6, ¿cómo hacer que el patrón de URL no distinga entre mayúsculas y minúsculas?

Luego de de nuestra larga recopilación de información solucionamos esta interrogante que pueden tener muchos usuarios. Te ofrecemos la solución y deseamos serte de gran apoyo.

Solución:

Debe agregar esta declaración de provisión a app.module.ts

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

export class LowerCaseUrlSerializer extends DefaultUrlSerializer 
    parse(url: string): UrlTree 
        // Optional Step: Do some stuff with the url if needed.

        // If you lower it in the optional step 
        // you don't need to use "toLowerCase" 
        // when you pass it down to the next function
        return super.parse(url.toLowerCase()); 
    

Y

@NgModule(
    imports: [
      ...
    ],
    declarations: [AppComponent],
    providers: [
        
            provide: UrlSerializer,
            useClass: LowerCaseUrlSerializer
        
    ],
    bootstrap: [AppComponent]
)

Necesita un UrlSerializer de la siguiente manera:

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


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

Y luego lo agregó como proveedor en app.module.ts

providers: [
 
   provide: UrlSerializer,
   useClass: LowerCaseUrlSerializer

]

---

---

Utiliza Nuestro Buscador