如何在不刷新angular8页面的情况下更改url的值

勃伦加拉尼

我使用window.open在新选项卡中打开页面,在新选项卡中,从主屏幕上我有一个用于编辑和查看的选项,因此,如果我单击url中的视图,则会传递1,然后单击编辑我传递2,所以我传递了总共2个代码的3个值。现在,当我单击主页上的“查看”按钮时,我将获得如下网址:

http://localhost:4200/data?dt=1211-1211-1

因此,在视图中,我有一个“编辑”按钮,该按钮可启用所有字段的编辑,所以在这里,我希望我的网址是

http://localhost:4200/data?dt=1211-1211-2,

因此,它将处于编辑模式。我已经使用激活的路由器从主页到新选项卡的URL中获取值

 let url = this.route.snapshot.queryParams.dt.split("-");
    this.gp= url[0];
    this.ap = url[1];
    this.mode = url[2];
阿基尔·奈杜

您可以使用新的查询参数导航到当前路线,这不会重新加载页面,但会更新查询参数

editMode(){
const queryParams = this.gp.toString() + this.ap.toString() + '2';    
this.router.navigate(
        [], 
        {
          relativeTo: this.route,
          queryParams: queryParams,
          queryParamsHandling: 'merge'
        });
}

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在不更改/刷新页面的情况下基于AJAX请求更改URL?

来自分类Dev

如何在不刷新页面的情况下更改表单输入中的预览值

来自分类Dev

导航时如何在不刷新页面的情况下将用户重新定位到另一页面的内容?

来自分类Dev

如何在不刷新整个页面的情况下使用 AJAX 刷新 div?

来自分类Dev

如何在不刷新页面的情况下更改路线和内容?(对机器人友好)

来自分类Dev

如何在不刷新 php 页面的情况下跟踪 mysql 数据库中的更改?

来自分类Dev

在不刷新AngularJS中的页面的情况下更改URL

来自分类Dev

如何在不刷新页面的情况下使用jQuery Ajax通过URL传递参数?

来自分类Dev

使用ajax如何在不刷新页面的情况下显示特定td的值

来自分类Dev

如何在不更改刷新页面的情况下在NextJS中将参数URL重写为目录?

来自分类Dev

Django-如何在不刷新页面的情况下停留在同一页面上?

来自分类Dev

如何在不刷新页面的情况下重新初始化同一页面中的数据表

来自分类Dev

如何在不刷新Chrome页面的情况下查看HTML源代码

来自分类Dev

如何在不刷新页面的情况下连续更新PHP变量?

来自分类Dev

如何在不刷新页面的情况下重复each()

来自分类Dev

如何在不刷新页面的情况下获取laravel数据?

来自分类Dev

如何在不刷新页面的情况下登录网站

来自分类Dev

如何在不刷新页面的情况下使用jQuery remove()?

来自分类Dev

如何在不刷新页面的情况下将数据保存到Mysql

来自分类Dev

如何在不刷新页面的情况下对表单使用验证?

来自分类Dev

如何在不刷新页面的情况下更新会话存储数据?

来自分类Dev

如何在不刷新页面的情况下正确加载Google Map API?

来自分类Dev

如何在不刷新页面的情况下检测 Service Worker 更新?

来自分类Dev

如何在不刷新Express JS中的页面的情况下使用POST在一页中提交多个表单

来自分类Dev

如何在不刷新Express JS中的页面的情况下使用POST在一页中提交多个表单

来自分类Dev

如何在不刷新页面的情况下在url中传递参数?

来自分类Dev

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

来自分类Dev

如何在不更改Javascript页面的情况下访问用户输入的电子邮件

来自分类Dev

如何在不更改Javascript页面的情况下访问用户输入的电子邮件

Related 相关文章

  1. 1

    如何在不更改/刷新页面的情况下基于AJAX请求更改URL?

  2. 2

    如何在不刷新页面的情况下更改表单输入中的预览值

  3. 3

    导航时如何在不刷新页面的情况下将用户重新定位到另一页面的内容?

  4. 4

    如何在不刷新整个页面的情况下使用 AJAX 刷新 div?

  5. 5

    如何在不刷新页面的情况下更改路线和内容?(对机器人友好)

  6. 6

    如何在不刷新 php 页面的情况下跟踪 mysql 数据库中的更改?

  7. 7

    在不刷新AngularJS中的页面的情况下更改URL

  8. 8

    如何在不刷新页面的情况下使用jQuery Ajax通过URL传递参数?

  9. 9

    使用ajax如何在不刷新页面的情况下显示特定td的值

  10. 10

    如何在不更改刷新页面的情况下在NextJS中将参数URL重写为目录?

  11. 11

    Django-如何在不刷新页面的情况下停留在同一页面上?

  12. 12

    如何在不刷新页面的情况下重新初始化同一页面中的数据表

  13. 13

    如何在不刷新Chrome页面的情况下查看HTML源代码

  14. 14

    如何在不刷新页面的情况下连续更新PHP变量?

  15. 15

    如何在不刷新页面的情况下重复each()

  16. 16

    如何在不刷新页面的情况下获取laravel数据?

  17. 17

    如何在不刷新页面的情况下登录网站

  18. 18

    如何在不刷新页面的情况下使用jQuery remove()?

  19. 19

    如何在不刷新页面的情况下将数据保存到Mysql

  20. 20

    如何在不刷新页面的情况下对表单使用验证?

  21. 21

    如何在不刷新页面的情况下更新会话存储数据?

  22. 22

    如何在不刷新页面的情况下正确加载Google Map API?

  23. 23

    如何在不刷新页面的情况下检测 Service Worker 更新?

  24. 24

    如何在不刷新Express JS中的页面的情况下使用POST在一页中提交多个表单

  25. 25

    如何在不刷新Express JS中的页面的情况下使用POST在一页中提交多个表单

  26. 26

    如何在不刷新页面的情况下在url中传递参数?

  27. 27

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

  28. 28

    如何在不更改Javascript页面的情况下访问用户输入的电子邮件

  29. 29

    如何在不更改Javascript页面的情况下访问用户输入的电子邮件

热门标签

归档