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

前端之家收集整理的这篇文章主要介绍了Angular2:使路由路径不区分大小写前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下路由配置.
@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]
})

猜你在找的Angularjs相关文章