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

相关内容

热门资讯

透视黑科技"hhpo... 1、透视黑科技"hhpoker免费透视脚本"详细辅助必备教程(往昔真的是有挂);详细教程。2、hhp...
透视ai代打"wep... 《透视ai代打"wepoker私人局规律"详细辅助总结教程(固有有挂)》 wepoker私人局规律软...
透视数据"xpoke... 透视数据"xpoker辅助器"详细辅助可靠技巧(本来是真的有挂);1.xpoker辅助器 ai辅助创...
透视透视"hhpok... 透视透视"hhpoker辅助"详细辅助技巧教程(切实是真的有挂);玩家必备必赢加哟《13670430...
透视系统"wepok... 您好,wepoker免费透视脚本这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】...
透视玄学"哈糖大菠萝... 1、透视玄学"哈糖大菠萝万能挂"详细辅助我来教教你(果然真的是有挂)。2、哈糖大菠萝万能挂透视辅助简...
透视辅助"wepok... 透视辅助"wepoker怎么开辅助"详细辅助切实教程(往昔是真的有挂)准备好在wepoker怎么开辅...
透视数据"werpl... 透视数据"werplan有挂吗"详细辅助AA德州教程(都是是有挂)1、许多玩家不知道werplan有...
透视规律"wepok... 透视规律"wepoker有没有插件"详细辅助必赢方法(切实真的有挂);wepoker有没有插件软件透...
透视神器"hhpok... 1、透视神器"hhpoker德州挂真的有吗"详细辅助详细教程(本来真的有挂)(UU poker、hh...