我想禁用 url 编码。
当我在下面使用它时。
this.router.navigate(['/profile', { tags: 'one,two' }]);
网址是这样的
http://localhost:4200/profile;tags=one%2Ctwo
我希望它像下面一样
http://localhost:4200/profile;tags=one,two
有没有办法禁用url编码？
angular 2 禁用 url 编码
IT技术
javascript
http
angular
angular2-routing
2021-02-10 02:28:27
2个回答
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 }]
})
这不会破坏您的默认功能并根据您的需要处理 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 并发送给其他人使用。