URL 中的问号未正确编码 [英] Question Mark in URL not encoded properly
问题描述
我正在尝试通过单击 angular typescript 应用程序的按钮来创建如下所示的 URL 模式:
其中 usecase.UsecaseId 是一个数值.
<button class="btn, btn-prmary btm-sm" type="button" (click)="redirectToChildPage('/SamplePage/scheduler?UsecaseId=usecase.UsecaseID')"><i class="fa fa-calender"></i></button> 时间表</td>但是,我得到了这个 URL 模式(实际)
我如何正确编码 URL 如下:(预期)
redirectToChildPage
redirectToChildPage(url) {this.router.navigate([url]);}
解决方案 redirectToChildPage(yourvalue) {this.router.navigate(['url'], { queryParams: { query: yourvalue } });}
您需要在函数中添加查询参数才能正常工作!
有关更多详细信息,您可以查看此处!
解决方案
<button class="btn btn-primary btn-sm" type="button" (click)="redirectToChildPage('/his/scheduler',usecase.UsecaseId)"><i class="fa fa-calendar"></i></button> 时间表</td><块引用>
this.router.navigate([url], { queryParams: { UsecaseId: usercaseID } });
I am trying to make a URL pattern like below on button click of angular typescript application:
http://localhost:4200/SamplePage/scheduler?UsecaseId=3
Where usecase.UsecaseId is a numeric value.
<td>
<button class="btn, btn-prmary btm-sm" type="button" (click)="redirectToChildPage('/SamplePage/scheduler?UsecaseId=usecase.UsecaseID')">
<i class="fa fa-calender"></i></button> Schedule
</td>
But,I am getting this URL pattern (actual)
http://localhost:4200/SamplePage/scheduler%3FUsecaseId%3Dusecase.UsecaseId
How i can properly encode the URL as below:(expected)
redirectToChildPage
redirectToChildPage(url) {
this.router.navigate([url]);
}
解决方案 redirectToChildPage(yourvalue) {
this.router.navigate(['url'], { queryParams: { query: yourvalue } });
}
you need to add query params in your function to work it properly!
for more details, you can check here!
Solution
<td> <button class="btn btn-primary btn-sm" type="button" (click)="redirectToChildPage('/his/scheduler',usecase.UsecaseId)"> <i class="fa fa-calendar"></i></button> Schedule </td>
this.router.navigate([url], { queryParams: { UsecaseId: usercaseID } });
这篇关于URL 中的问号未正确编码的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文
登录
关闭
扫码关注1秒登录
发送“验证码”获取
|
15天全站免登陆