在 Angular 6 中如何制作不区分大小写的 url 模式?

本文介绍了在 Angular 6 中如何制作不区分大小写的 url 模式?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

限时送ChatGPT账号..

就我而言，我想以不区分大小写的方式支持相同的网址.

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

示例:它应该支持所有 url

Example: it should support all url

localhost:1029/documentation
localhost:1029/DOCUMENTATION
localhost:1029/DOCUMENTAtion
localhost:1029/docuMENTATION

推荐答案

您应该将此提供语句添加到 app.module.ts

You should add this provide statement to the 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()); 
        }
    }

和

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

这篇关于在 Angular 6 中如何制作不区分大小写的 url 模式?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！