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

相关内容

热门资讯

黑科技总结(wepOkE)黑科... 黑科技总结(wepOkE)黑科技设备(黑科技)辅助器(果然是有挂)1. ai辅助创建新账号,点击进入...
普及辅助(微扑克)ai辅助(辅... 普及辅助(微扑克)ai辅助(辅助挂)外挂(总是存在有挂);是一款可以让一直输的玩家,快速成为一个“必...
黑科技有挂(we poker)... 黑科技有挂(we poker)ai软件(黑科技)黑科技(总是真的有挂);人气非常高,ai更新快且高清...
黑科技挂(wEPoke)有挂吗... 黑科技挂(wEPoke)有挂吗(黑科技)软件免费版(确实真的是有挂)1、在ai机器人技巧中,中转单元...
黑科技玄学(WepOke)辅助... 黑科技玄学(WepOke)辅助枝巧(黑科技)辅助挂(竟然是真的有挂)1、ai机器人多个强度级别选择2...
黑科技app(We辅poker... 黑科技app(We辅poker助)ai辅助(黑科技)苹果下载网址(竟然真的是有挂)是一款可以让一直输...
透视教学(wpK)透视外挂(黑... 透视教学(wpK)透视外挂(黑科技)透视辅助购买渠道(确实存在有挂)是一款可以让一直输的玩家,快速成...
大神辅助(微扑克)辅助工具怎么... 大神辅助(微扑克)辅助工具怎么下载(辅助挂)辅牌器(一直真的是有挂)1)辅助挂:进一步探索辅助透视大...
黑科技数据(wEPOKE)有没... 一、简介了解软件请加微:136704302是一款在线扑克游戏平台,玩家可以在平台上进行多人在线扑克游...
黑科技辅助(微扑克)代打是真的... 您好,这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这款游戏中打牌都...