Angular2：使路由路径不区分大小写

发布时间：2020-12-17 09:29:04 所属栏目：安全来源：网络整理

导读：我有以下路由配置. @RouteConfig([ { path: '/home',name: 'Homepage',component: HomepageComponent,useAsDefault: true })export class AppComponent {} 每当浏览器指向/ home时,此路由工作,但不适用于/ Home或其他任何情况.如何让路由器路由到组件而不关

我有以下路由配置.

@RouteConfig([
    {
        path: '/home',name: 'Homepage',component: HomepageComponent,useAsDefault: true
    }
)
export class AppComponent {
}

每当浏览器指向/ home时,此路由工作,但不适用于/ Home或其他任何情况.如何让路由器路由到组件而不关心这种情况.

谢谢

这是我做的

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

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

和

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!