我正在尝试在 Angular TypeScript 应用程序的按钮单击上创建如下所示的 URL 模式:
http://localhost:4200/SamplePage/scheduler?UsecaseId=3
其中 usecase.UsecaseId 是一个数值。
<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>
但是,我得到了这个 URL 模式(实际)
http://localhost:4200/SamplePage/scheduler%3FUsecaseId%3Dusecase.UsecaseId
重定向到子页面
redirectToChildPage(url) {
this.router.navigate([url]);
}
最佳答案
redirectToChildPage(yourvalue) {
this.router.navigate(['url'], { queryParams: { query: yourvalue } });
}
您需要在函数中添加查询参数才能正常工作!
更多详情,您可以查看here !
解决方案
<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 } });
关于jquery - URL 中的问号未正确编码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51495216/