Angular路由参数为空
创始人
2024-10-28 01:00:35
0

首先,需要在定义路由时指定参数名称。例如:

{
  path: 'product/:id',
  component: ProductDetailComponent
}

这里的参数名称是"id"。然后,在组件中通过ActivatedRoute服务获取参数值。例如:

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-product-detail',
  template: `
    

Product Detail

Product ID: {{ productId }}
` }) export class ProductDetailComponent implements OnInit { productId: string; constructor(private route: ActivatedRoute) {} ngOnInit() { this.productId = this.route.snapshot.paramMap.get('id'); } }

在这个示例中,使用ActivatedRoute服务获取参数值,以便在组件中使用。注意使用snapshot属性获取参数值。如果需要在路由参数值发生更改时动态更新值,则需要订阅paramMap属性。

相关内容

热门资讯

第9分钟解密!福建开心辅助,微... 第9分钟解密!福建开心辅助,微乐陕西三代自建房挂(好像有挂)-哔哩哔哩1、下载好微乐陕西三代自建房挂...
第三分钟外挂!爱来大菠萝的辅助... 第三分钟外挂!爱来大菠萝的辅助七,玖天乐游辅助,透牌教程(有挂教程)-哔哩哔哩1、爱来大菠萝的辅助七...
第1分钟专业!中至鹰潭辅助器,... 第1分钟专业!中至鹰潭辅助器,新天道破解版(都是真的是有挂)-哔哩哔哩1、中至鹰潭辅助器系统规律教程...
第6分钟外挂!福建兄弟水挂,新... 第6分钟外挂!福建兄弟水挂,新道游修改器,AI教程(新版有挂)-哔哩哔哩;一、新道游修改器AI软件牌...
第7分钟揭幕!广东雀神智能插件... 第7分钟揭幕!广东雀神智能插件安装辅助器,兴动互娱辅助工具(一直真的有挂)-哔哩哔哩1、让任何用户在...
一分钟外挂!微信小程序牵手跑得... 一分钟外挂!微信小程序牵手跑得快辅助,四川熊猫辅助软件视频,必赢方法(讲解有挂)-哔哩哔哩运微信小程...
第一分钟揭幕!天天互娱网络科技... 第一分钟揭幕!天天互娱网络科技,新道游正版辅助(果然是真的挂)-哔哩哔哩天天互娱网络科技辅助器中分为...
2分钟外挂!天天爱柳州麻将辅助... 2分钟外挂!天天爱柳州麻将辅助器,多乐找刺激辅助,必胜教程(有挂教学)-哔哩哔哩1、天天爱柳州麻将辅...
第4分钟揭幕!荆州晃晃麻将圣盛... 第4分钟揭幕!荆州晃晃麻将圣盛辅助,填大坑辅助器(都是存在有挂)-哔哩哔哩荆州晃晃麻将圣盛辅助是一种...
第五分钟外挂!新全游辅助器,新... 第五分钟外挂!新全游辅助器,新玉海楼茶苑脚本,扑克教程(有挂方针)-哔哩哔哩1、操作简单,无需注册,...