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

相关内容

热门资讯

一分钟实锤!德扑之星ai代打(... 一分钟实锤!德扑之星ai代打(wepower德州)本来真的是有挂(详细辅助必备教程)在进入德扑之星a...
七分钟实锤!智星德州菠萝偷偷看... 七分钟实锤!智星德州菠萝偷偷看牌功能(wpk德州)果然真的是有挂(详细辅助必胜教程)1、智星德州菠萝...
7分钟实锤!德扑之星ai代打(... 7分钟实锤!德扑之星ai代打(德州ai)竟然有挂(详细辅助可靠技巧);1、德扑之星ai代打透视辅助简...
2分钟实锤!德扑之星ai代打(... 2分钟实锤!德扑之星ai代打(手机德州)果然真的是有挂(详细辅助黑科技教程)1、下载好德扑之星ai代...
1分钟实锤!德扑ai智能(德州... 1分钟实锤!德扑ai智能(德州扑克)好像有挂(详细辅助wpk教程);1、德扑ai智能系统规律教程、德...
2分钟实锤!德州免费辅助神器a... 2分钟实锤!德州免费辅助神器app(wpk德州)都是真的有挂(详细辅助细节揭秘);1、德州免费辅助神...
两分钟实锤!德州之星辅助(智星... 两分钟实锤!德州之星辅助(智星德州)都是有挂(详细辅助曝光教程)1、操作简单,无需注册,只需要使用手...
十分钟实锤!德州ai人工智能(... 十分钟实锤!德州ai人工智能(德州wpk)真是有挂(详细辅助插件教程);1、上手简单,内置详细流程视...
第5分钟实锤!德州免费辅助神器... 第5分钟实锤!德州免费辅助神器app(德州扑克)竟然是有挂(详细辅助扑克教程)1、全新机制【德州免费...
4分钟实锤!德州AI智能辅助机... 4分钟实锤!德州AI智能辅助机器人(德州扑克)一直是有挂(详细辅助2025新版总结)亲,关键说明,德...