Angular路由器不能加载带有PathParam的我的页面。
创始人
2024-10-28 03:00:14
0

可能是因为在路由器配置中没有正确地定义PathParam的名称。在定义路由时,确保在路由路径中使用冒号(:)来指定PathParam的名称,并在组件中的路由快照中使用ActivatedRoute服务来检索访问路径中的参数。

以下是示例代码:

定义路由:

{ path: 'my-page/:id', component: MyPageComponent }

在组件中检索PathParam:

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

@Component({ selector: 'app-my-page', templateUrl: './my-page.component.html', styleUrls: ['./my-page.component.css'] }) export class MyPageComponent implements OnInit { id: string;

constructor(private route: ActivatedRoute) { }

ngOnInit() { this.id = this.route.snapshot.paramMap.get('id'); }

}

在上面的代码示例中,我们定义了一个名为“id”的PathParam,并通过在路径中指定参数名称来告诉Angular路由器使用哪个PathParam。在组件中,我们使用ActivatedRoute服务来检索PathParam,然后将其存储在组件变量中以供使用。

相关内容

热门资讯

wpk有透视辅助吗(WPk)w... wpk有透视辅助吗(WPk)wpk德州辅助器(透视)教你攻略(一贯是真的有挂)1、wpk有透视辅助吗...
德扑之星能看到底牌吗(德扑)德... 德扑之星能看到底牌吗(德扑)德扑之星刷数据(辅助挂)细节揭秘(都是有挂);1.德扑之星能看到底牌吗 ...
黑科技系统(wpk德州)外挂透... 黑科技系统(wpk德州)外挂透视辅助教程(透视)细节揭秘(确实是有挂)wpk德州辅助器中分为三种模型...
wepoke是真的有挂(weP... wepoke是真的有挂(wePOke)wepoke计算辅助(黑科技)可靠教程(切实是有挂)1、首先打...
aapoker辅助工具存在(a... aapoker辅助工具存在(aapOKER)aa poker简介俱乐部辅助(辅助挂)必备教程(本来有...
黑科技中牌率(红龙扑克)外挂辅... 黑科技中牌率(红龙扑克)外挂辅助挂(透视)必胜教程(原来真的有挂)1)红龙扑克辅助挂:进一步探索红龙...
黑科技好友(微扑克游戏)外挂透... 黑科技好友(微扑克游戏)外挂透视辅助下载(透视)攻略教程(一贯真的有挂)1、金币登录送、破产送、升级...
德扑之星有作弊(德扑)德扑之星... 德扑之星有作弊(德扑)德扑之星软件要花钱吗(辅助挂)安装教程(竟然是真的有挂)1、德扑之星有作弊系统...
黑科技数据(线上wpk德州ai... 黑科技数据(线上wpk德州ai)外挂透视辅助器(透视)插件教程(总是有挂);1、线上wpk德州ai系...
wpk透视辅助可测试真的假的(... wpk透视辅助可测试真的假的(WPK)Wpk辅助器(透视)普及教程(切实真的有挂)1、玩家可以在wp...