如何解决Angular路由器导航不会为连续请求更新url参数
我正在尝试使用路由器导航更新查询参数
updateURL(queryParams){
this.router.navigate(['path],{
relativeTo: this.route,queryParams: queryParams,queryParamsHandling: 'merge',skipLocationChange: false
});
}
/** Wont Work
updateURL(queryParams);
updateURL(queryParams);
updateURL(queryParams);
/** Will Work
updateURL(queryParams);
// wait
updateURL(queryParams);
// wait
updateURL(queryParams)
对该方法进行顺序调用以更新URL查询参数时,angular不会更新url。 如何处理它,以便即使进行顺序调用也可以进行角度更新
解决方法
从文档中可以保证,您将不得不等待下一次更新
navigate(commands: any[],extras: NavigationExtras = { skipLocationChange: false }): Promise<boolean>
你能试试吗
async updateURL(queryParams){
await this.router.navigate(['path],{
relativeTo: this.route,queryParams: queryParams,queryParamsHandling: 'merge',skipLocationChange: false
});
}
async UpdateQueryParam() {
await updateURL(queryParams);
await updateURL(queryParams);
await updateURL(queryParams)
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。