如何在不重新加载页面的情况下以角度 2 设置或删除当前路线中的 queryParams

是苏希尔

我有这个当前的路线:

http://localhost:96/#/pages/settings/devices

我想将 queryParams={name:realTime} 设置为此当前路线,例如:

http://localhost:96/#/pages/settings/devices?name=realTime

是否可以在不重新加载页面的情况下向当前路由添加或删除 queryParams?

我得到了解决方案。

这不会重新加载当前页面

let navigationExtra: NavigationExtras = {
relativeTo: this.activatedRoute,
skipLocationChange: false,
queryParams: { name: 'realTime' }
}
    this.router.navigate(['./', navigationExtra]);
巴萨拉特

在不重新加载页面的情况下向当前路由添加或删除 queryParams。

只需更改位置哈希,例如

window.location.hash = "/pages/settings/devices?name=realTime"

更多的

我提供的代码可以正常工作。但是,如果您希望它对您的应用程序的状态产生影响,您应该真正检查路由器的文档,了解如何使用该哈希更改内联或编写您的效果。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在Ajax中成功后如何在不重新加载页面的情况下更改url

如何在不重新加载页面的情况下检查表单中的确认密码字段

如何在不重新加载页面的情况下使用jquery中的ajax使用参数调用playframework api?

如何获取角度2中的当前路线自定义数据?

从queryParams angular 2删除参数

如何在Symfony 2中获取当前路线?

如何按类别筛选项目,在Angular 2或4中使用queryParams

如何使用Typescript在queryparams中获取对象?

导航后如何删除queryParams 角度的

如何在没有道具的情况下从反应中获得当前路线

如何在不重新加载页面的情况下在HTML表中显示寄存器?

如何在不重新加载页面的情况下刷新angular 8中的元素?

在ionic 4中如何在不重新加载或刷新页面的情况下获得类似帖子的状态?

在Vue 3中单击router-link时如何在不重新加载页面的情况下切换边栏

如何在不重新加载页面的情况下在表单中创建html元素?

如果我不小心在地址栏中输入了某些内容,如何在不重新加载页面的情况下获取所访问网站的URL?

使用AngularJS如何在不重新加载页面的情况下显示手风琴中的新鲜数据

如何在不重新加载的情况下从超级视图中删除视图?

Rails如何在不重新加载页面的情况下将评论添加到微博集合中

在不重新加载页面的情况下在jsp页面中重新运行测试

Angular 2中的queryParams正在编码,如何防止这种情况发生?

如何在不刷新或在codeigniter中重新加载页面的情况下显示ajax分页数据?

如何在不重新加载页面的情况下“刷新”Angular 中的组件?

如何在不重新加载页面或使用按钮的情况下显示(选择下拉列表)中的选定文本值

如何在 Resolver Angular 中访问 queryParams

如何在不重新加载页面的情况下根据 jQuery 中设置的 cookie 值更改元素?

在不重新加载页面的情况下更新图表 js 中的图表

如何在不从reactjs中的firebase数据库重新加载页面的情况下获取数据

如何在不重新加载 Xamarin 中的页面的情况下从另一个页面获取首选项值