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属性。

相关内容

热门资讯

玩家必看科普!来玩德州破解器,... 玩家必看科普!来玩德州破解器,德州局透视脚本,AI教程(有挂神器);致您一封信;亲爱德州局透视脚本玩...
专业讨论!wepoker透视脚... 1、专业讨论!wepoker透视脚本免费下载,拱趴大菠萝机器人,普及教程(有挂攻略)(UU poke...
玩家必看科普!wepoker新... 玩家必看科普!wepoker新号好一点吗,epoker透视底牌,爆料教程(有挂教程);1分钟了解详细...
一秒答解!智星德州可以透视吗,... 一秒答解!智星德州可以透视吗,we poker插件,细节方法(有挂技巧);实战中需综合运用上述技巧,...
玩家必看教程!hhpoker免... 玩家必看教程!hhpoker免费透视脚本,poker辅助器免费安装,wpk教程(有挂透明);玩家必备...
重大通报!pokemmo免费脚... 重大通报!pokemmo免费脚本,德州hhpoker是真的吗,力荐教程(有挂方法)是一款可以让一直输...
实测教程!约局吧如何查看是否有... 实测教程!约局吧如何查看是否有挂,智星菠萝可以辅助吗,wepoke教程(有挂软件)准备好在约局吧如何...
重大通报!epoker底牌透视... 重大通报!epoker底牌透视,wepoker有用吗,存在挂教程(有挂透明),支持语音通讯、好友开房...
必备科技!pokerworld... 必备科技!pokerworld破解版下载,wepoker开脚本视频,曝光教程(有挂方法);支持多人共...
推荐几款新版!德州私人局怎么透... 推荐几款新版!德州私人局怎么透视,pokemmo手机辅助软件,系统教程(有挂透明)是一款可以让一直输...