使角度5中的路线不区分大小写

时间:2018-03-20 19:39:29

标签: angular5

我已经实现了以下代码:

import { DefaultUrlSerializer, UrlTree, UrlSerializer  } from '@angular/router';
export class LowerCaseUrlSerializer extends DefaultUrlSerializer {
  parse(url: string): UrlTree {
    const urlParts = url.split('?');
    urlParts[0] = urlParts[0].toLowerCase(); 
    return super.parse(urlParts.join('?')); 
  }
}
export const LowerCaseUrlSerializerProvider = {
  provide: UrlSerializer,
  useClass: LowerCaseUrlSerializer
};

我在app.module.ts注册的女巫

 providers: [
    LowerCaseUrlSerializerProvider,

如果我手动写入路线(/ signIn),它就可以了。但如果我像这样使用routelink:

<a routerLink="/signIn" routerLinkActive="active">

我收到错误:无法匹配任何路线。网址细分:&#39;登录&#39;

我做错了什么?

编辑:以下作品

<a routerLink="/signin" routerLinkActive="active">

0 个答案:

没有答案