javascript - angular 2 禁用 url 编码

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

Angular2 默认使用 encodeURIComponent() 对 URL 中的查询参数进行编码，您可以通过编写自定义 URL 序列化程序并覆盖默认功能来避免它。

就我而言，我想避免使用 Angular2 以避免将逗号 (,) 替换为 (%2)。我将查询作为 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。