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,然后将其存储在组件变量中以供使用。

相关内容

热门资讯

七分钟科普!多乐找刺激脚本,阿... 七分钟科普!多乐找刺激脚本,阿拉游戏中心辅助(竟然有挂)-哔哩哔哩进入游戏-大厅左侧-新手福利-激活...
第8分钟推荐!柚子联盟辅助器下... 第8分钟推荐!柚子联盟辅助器下载,兴动互娱辅助工具(其实有挂)-哔哩哔哩1、让任何用户在无需柚子联盟...
七分钟专业!荆州晃晃辅助,小唐... 七分钟专业!荆州晃晃辅助,小唐家乐园辅助(果然真的有挂)-哔哩哔哩;1、进入到小唐家乐园辅助黑科技之...
6分钟揭幕!好友赣南能装挂吗,... 6分钟揭幕!好友赣南能装挂吗,竹间茶馆辅助(原来是有挂)-哔哩哔哩6分钟揭幕!好友赣南能装挂吗,竹间...
第1分钟关于!uuganmes... 第1分钟关于!uuganmes辅助器,潮汕激k脚本(都是有挂)-哔哩哔哩1、uuganmes辅助器a...
第9分钟外挂!欢乐达人怎么开辅... 第9分钟外挂!欢乐达人怎么开辅助,玖游卡五星辅助(原来有挂)-哔哩哔哩1、欢乐达人怎么开辅助系统规律...
两分钟关于!打哈儿床将辅助最新... 两分钟关于!打哈儿床将辅助最新,浙江宝宝游戏辅助软件(真是有挂)-哔哩哔哩1、进入到浙江宝宝游戏辅助...
4分钟揭露!夜猫十三道辅助器,... 4分钟揭露!夜猫十三道辅助器,创思维激k辅助下载(原来是真的挂)-哔哩哔哩1、下载好创思维激k辅助下...
第5分钟揭露!杭州都莱辅助软件... 第5分钟揭露!杭州都莱辅助软件,广西老友玩方片破解(本来真的是有挂)-哔哩哔哩1、完成广西老友玩方片...
三分钟总结!广东雀神挂件怎么样... 三分钟总结!广东雀神挂件怎么样,新老夫子开挂系统(切实是有挂)-哔哩哔哩广东雀神挂件怎么样辅助器中分...