In Angular 6 how make case insensitive url pattern?

Question

In my case I want to support same url in case insensitive manner.

Example: it should support all url

localhost:1029/documentation
localhost:1029/DOCU         


        

Answer 1

You need a UrlSerializer as follow:

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


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

And then added it as a provider in the app.module.ts

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