避免在Angular 2中导航的URL编码

Question

如何避免URL Encoding与navigate？目前，我正在浏览如下的网址，它的编码网址如/为%2F。我想避免它，所以无论如何要做到这一点？

this.router.navigate(['/comp', { type: this.Type }]);

Answer 1

Angular2默认使用encodeURIComponent方法（）来编码URL queryParams，您可以通过编写自定义URL串并覆盖默认功能避免它。

在我的情况下，我想避免Angular2避免用（％2）替换逗号（，）。我将Query传递给lang = en-us，en-uk将其转换为lang = en-us％2en-uk。

在这里，我怎么算出来：

CustomUrlSerializer.ts

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

export class CustomUrlSerializer implements UrlSerializer { 
    parse(url: any): UrlTree { 
     let dus = new DefaultUrlSerializer(); 
     return dus.parse(url); 
    } 

    serialize(tree: UrlTree): any { 
     let dus = new DefaultUrlSerializer(), 
      path = dus.serialize(tree); 
     // use your regex to replace as per your requirement. 
     return path.replace(/%2/g,','); 
    } 
} 

添加下面一行到你的主appModule.ts

import {UrlSerializer} from '@angular/router'; 
import {CustomUrlSerializer} from './CustomUrlSerializer'; 

@NgModule({ 
    providers: [{ provide: UrlSerializer, useClass: CustomUrlSerializer }] 
}) 

这不会破坏你的默认功能，并根据您的需要照顾网址。