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挂(wpk最新黑科技... 黑科技ai挂(wpk最新黑科技)wpk微扑克真的(Wpk)本来是真的有挂(有挂教程)-哔哩哔哩1、w...
黑科技规律(wpk最新黑科技)... 黑科技规律(wpk最新黑科技)wpkai机器人(wPK)竟然是有挂(的确有挂)-哔哩哔哩1、wpk最...
黑科技科技(wpk ai辅助)... 黑科技科技(wpk ai辅助)wpk辅助(WPk)切实真的有挂(真的有挂)-哔哩哔哩;1、wpk a...
黑科技系统(wpk ai辅助)... 黑科技系统(wpk ai辅助)wpk ai辅助购买渠道(wPK)切实有挂(有挂细节)-哔哩哔哩wpk...
黑科技挂(wpk ai辅助)w... 黑科技挂(wpk ai辅助)wpk胜率跟号有关系么(Wpk)总是存在有挂(有挂技巧)-哔哩哔哩1、首...
黑科技好牌(wpk ai辅助)... 黑科技好牌(wpk ai辅助)wpk辅助效果实测(wpK)确实有挂(有挂教程)-哔哩哔哩;wpk辅助...
黑科技ai(wpk最新黑科技)... 黑科技ai(wpk最新黑科技)wpk透手牌测试(wpK)一直有挂(存在有挂)-哔哩哔哩;1、每一步都...
黑科技线上(wpk ai辅助)... 黑科技线上(wpk ai辅助)wpk有外挂么(wPk)竟然存在有挂(真是有挂)-哔哩哔哩一、wpk有...
黑科技辅助(wpk最新黑科技)... 黑科技辅助(wpk最新黑科技)wpk俱乐部机器人(WPK)确实是有挂(存在有挂)-哔哩哔哩1、在wp...
黑科技辅助(wpk最新黑科技)... 黑科技辅助(wpk最新黑科技)wpk俱乐部外挂(wPk)原来是真的有挂(有挂秘籍)-哔哩哔哩;小薇(...