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

相关内容

热门资讯

透视黑科技!epoker透视底... 透视黑科技!epoker透视底牌,we poker插件(透视)确实是有挂(扑克教程);1、让任何用户...
透视黑科技!wepoker辅助... 透视黑科技!wepoker辅助是真的假的,aa poker辅助(透视)竟然真的有挂(安装教程)1、起...
透视有挂!哈糖大菠萝有没有挂,... 透视有挂!哈糖大菠萝有没有挂,pokemmo手机版脚本免费,竟然是有挂(技巧教程);进入游戏-大厅左...
透视了解!hhpoker辅助器... 透视了解!hhpoker辅助器视频,wepoker养号规律(透视)素来真的是有挂(分享教程)一、hh...
透视好友房!智星菠萝辅助,拱趴... 透视好友房!智星菠萝辅助,拱趴大菠萝有挂吗,都是真的是有挂(攻略教程);所有人都在同一条线上,像星星...
透视计算!wepoker俱乐部... 透视计算!wepoker俱乐部辅助器,wepoker透视底牌脚本(透视)从来是有挂(透明教程)1、w...
透视私人局!红龙poker作弊... 透视私人局!红龙poker作弊指令,pokemmo手机版脚本,原来是真的有挂(透明挂教程)1、这是跨...
透视苹果版!wpk辅助哪里买,... 透视苹果版!wpk辅助哪里买,红龙poker辅助平台(透视)一直是有挂(切实教程)1、任何红龙pok...
透视攻略!德州局透视脚本,竞技... 透视攻略!德州局透视脚本,竞技联盟透视插件,都是有挂(分享教程)在进入竞技联盟透视插件辅助挂后,参与...
透视好友房!wepoker轻量... 透视好友房!wepoker轻量版书签,智星德州可以透视吗(透视)从来真的有挂(新版2025教程);1...