각도 2로 탐색하여 URL 인코딩 방지

Question

URL Encoding을 피하는 방법 navigate? 현재, 아래 URL을 탐색 중이며 /과 같은 인코딩 URL은 %2F입니다. 나는 그것을 피하고 싶다. 그래서 어쨌든 그것을 할 수 있는가? 기본적으로

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

Answer 1

Angular2이 URL에서 queryParams을 인코딩에 encodeURIComponent()를 사용하여, 사용자 지정 URL 시리얼 라이저 및 재정의 기본 기능을 작성하여이를 방지 할 수 있습니다.

저는 필자의 경우 쉼표 (,)를 (% 2)로 바꾸지 않기 위해 Angular2를 피하려고했습니다. 쿼리를 lang = en-us, en-uk로 전달하면 lang = en-us % 2en-uk로 변환됩니다. 나는 그것을 밖으로 작동 방법은 다음과

: 주 appModule.ts

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

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

이 기본을 중단하지 않습니다에 선 아래 추가

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,','); 
    } 
} 

CustomUrlSerializer.ts 기능을 사용하고 필요에 따라 URL을 관리하십시오.