gpt4 book ai didi

angular 2 Routes 3.0,区分大小写

转载 作者:太空狗 更新时间:2023-10-29 17:16:11 26 4
gpt4 key购买 nike

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

如果我在 url 中写 x small 它将引导我到组件页面,如果我写 X Capital 它会说无效 url。

如何让url不区分大小写

最佳答案

两个选项.. 1. 创建 1 个 URLSerializer 类

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

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

在你的 app.module.ts 中

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

选项 2:路由文件中的简单解决方法。

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

关于angular 2 Routes 3.0,区分大小写,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42065409/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com