Angular 7获取子路由参数
创始人
2024-10-17 02:30:21
0

要在Angular 7中获取子路由参数,可以使用ActivatedRoute对象来访问当前路由的参数。以下是一个示例代码,演示了如何获取子路由参数:

  1. 在子路由的组件中,导入ActivatedRoute和Router模块:
import { ActivatedRoute, Router } from '@angular/router';
  1. 在构造函数中注入ActivatedRoute和Router对象:
constructor(private route: ActivatedRoute, private router: Router) { }
  1. 使用route对象的queryParams属性来访问参数。例如,假设子路由的URL为/child/:id,可以使用以下代码获取子路由的参数:
ngOnInit() {
  this.route.params.subscribe(params => {
    const id = params['id'];
    console.log(id); // 在控制台打印子路由参数
  });
}

在上面的代码中,使用this.route.params.subscribe()方法来监听子路由参数的变化。当参数发生变化时,回调函数会被触发并传递参数值。在回调函数中,可以通过params对象访问子路由的参数。

请注意,如果子路由参数是可选的,可以使用queryParams属性而不是params属性来访问。params属性只能访问必需的参数,而queryParams属性可以访问可选的查询参数。

希望以上示例代码能够帮助您在Angular 7中获取子路由参数。

相关内容

热门资讯

外挂指南书!德普之星透视辅助软... 外挂指南书!德普之星透视辅助软件激活码,线上德州的辅助器是什么-总是一直总是有辅助方法(哔哩哔哩)1...
外挂积累!werplan辅助软... 外挂积累!werplan辅助软件,德普之星有辅助软件吗-果然真的有辅助脚本(哔哩哔哩)1、每一步都需...
外挂攻略!拱趴大菠萝机器人,德... 外挂攻略!拱趴大菠萝机器人,德州圈脚本-原来有辅助方法(哔哩哔哩)1、游戏颠覆性的策略玩法,独创攻略...
外挂操作!wepoker安装教... 外挂操作!wepoker安装教程,拱趴大菠萝辅助神器-竟然有辅助攻略(哔哩哔哩)所有人都在同一条线上...
外挂攻略!智星菠萝德州插件最新... 外挂攻略!智星菠萝德州插件最新版本更新内容详解,德州真人透视脚本-切实一直总是有辅助技巧(哔哩哔哩)...
外挂妙招!大菠萝手游辅助,大菠... 外挂妙招!大菠萝手游辅助,大菠萝辅助器-切实是真的有辅助技巧(哔哩哔哩)1、每一步都需要思考,不同水...
外挂窍门!拱趴大菠萝挂哪里,德... 外挂窍门!拱趴大菠萝挂哪里,德普之星辅助工具如何设置-其实一直总是有辅助脚本(哔哩哔哩)1、拱趴大菠...
外挂机巧!智星菠萝德州插件,佛... 外挂机巧!智星菠萝德州插件,佛手在线大菠萝为什么都输-都是真的有辅助方法(哔哩哔哩);1、佛手在线大...
外挂窍门!fishpoker透... 外挂窍门!fishpoker透视底牌,德州辅助工具到底怎么样-真是存在有辅助神器(哔哩哔哩)一、德州...
外挂步骤!佛手在线大菠萝智能辅... 外挂步骤!佛手在线大菠萝智能辅助器,hardrock作必弊-一贯是有辅助神器(哔哩哔哩)1)佛手在线...