Angular - 获取当前激活的路由并重新导航到具有不同路由参数的同一页面
创始人
2024-10-14 17:00:41
0

要获取当前激活的路由并重新导航到具有不同路由参数的同一页面,可以使用Angular的路由服务和路由器。

首先,在组件中注入ActivatedRouteRouter服务:

import { ActivatedRoute, Router } from '@angular/router';

@Component({
  ...
})
export class YourComponent {
  constructor(private route: ActivatedRoute, private router: Router) {}

  // 在这里添加你的代码
}

然后,使用ActivatedRoute服务来获取当前激活的路由和参数。可以通过params属性访问路由参数,通过snapshot属性访问当前激活的路由快照:

import { ActivatedRoute, Router } from '@angular/router';

@Component({
  ...
})
export class YourComponent {
  constructor(private route: ActivatedRoute, private router: Router) {}

  navigateWithDifferentParams() {
    // 获取当前激活的路由参数
    const currentParams = this.route.snapshot.params;

    // 构建新的路由参数对象,例如将`id`参数设置为1
    const newParams = { id: 1 };

    // 使用`Router`服务重新导航到同一页面但具有不同的路由参数
    this.router.navigate(['/your-component-path', newParams]);
  }
}

最后,通过调用navigate方法来重新导航到同一页面,但是使用不同的路由参数。请将'/your-component-path'替换为你的组件的路径。

现在,当调用navigateWithDifferentParams方法时,它将获取当前激活的路由参数,并使用不同的路由参数重新导航到同一页面。

相关内容

热门资讯

透视规律!aapoker辅助插... 透视规律!aapoker辅助插件工具(透视)竟然存在有挂(详细辅助德州教程);小薇(透视辅助)致您一...
辅助透视!wpk透视插件(透视... 辅助透视!wpk透视插件(透视)其实真的是有挂(详细辅助AI教程)1、辅助透视!wpk透视插件(透视...
透视辅助!poker worl... 透视辅助!poker world辅助(透视)果然是真的有挂(详细辅助攻略教程)1、每一步都需要思考,...
透视线上!pokermaste... 透视线上!pokermaster脚本(透视)果然是有挂(详细辅助必赢教程)1、ai机器人多个强度级别...
辅助透视!红龙poker辅助工... 辅助透视!红龙poker辅助工具(透视)好像是有挂(详细辅助大神讲解)1、超多福利:超高返利,海量正...
透视智能ai!wepoker新... 透视智能ai!wepoker新号好一点吗(透视)总是真的是有挂(详细辅助解密教程);1、系统规律教程...
透视中牌率!德普之星的辅助工具... 透视中牌率!德普之星的辅助工具介绍(透视)果然是有挂(详细辅助2025新版总结)是一种具有地方特色的...
透视线上!哈糖大菠萝怎么开挂(... 透视线上!哈糖大菠萝怎么开挂(透视)确实是有挂(详细辅助安装教程)1、打开软件启动之后找到中间准星的...
透视存在!wepoker底牌透... 透视存在!wepoker底牌透视(透视)果然是真的有挂(详细辅助技巧教程);一、软件透明挂的定义与意...
透视科技!德州局怎么透视(透视... 透视科技!德州局怎么透视(透视)切实有挂(详细辅助软件教程);1、玩家可以在软件透明挂俱乐部对游戏的...