angular 2 disable url encoding

Question

Я бы хотел отключить кодировку url.

Когда я использую это ниже.

this.router.navigate(['/profile', { tags: 'one,two' }]); 

URL-адрес, как это

http://localhost:4200/profile;tags=one%2Ctwo 

Я хотел бы, чтобы это было довольно, как показано ниже

http://localhost:4200/profile;tags=one,two 

Есть ли способ отключить кодировку URL?

Answer 1

Угловой2 по умолчанию использует encodeURIComponent() для кодирования URL-адресов запроса в URL-адресе, вы можете избежать этого, написав собственный сериализатор 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 }] 
}) 

Это не нарушит ваш по умолчанию функциональность и заботиться о URL-адресе в соответствии с вашими потребностями.

Answer 2

URL-адрес выглядит следующим образом:

http://localhost:4200/profile;tags=one%2Ctwo 

Но это не принесет никакой проблемы, если вы потребляете его. Если, для «профиль» маршрут, установить охрану «» canActive с кодом, как следующее:

canActivate(route: ActivatedRouteSnapshot) { 
    console.log(route.params);} 

И когда вы навигации к http://localhost:4200/profile;tags=one%2Ctwo, вы увидите {tag: one, two} в консоли. Поэтому, когда вы его потребляете, это «один, два». И, конечно же, вы можете скопировать этот закодированный URL-адрес и отправить другим пользователям.