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

相关内容

热门资讯

约局吧德州透视!wepoker... 约局吧德州透视!wepoker辅助透视软件(透视)教程-一直辅助存在有挂1、下载好wepoker辅助...
透视必备!hhpoker有后台... 透视必备!hhpoker有后台操作吗(透视)红龙poker辅助工具,教程法门(有挂秘笈)-哔哩哔哩1...
wpk模拟器是什么!wepok... wpk模拟器是什么!wepoker-h5下载(透视)脚本-切实有挂存在有挂1、用户打开应用后不用登录...
透视透视!werplan辅助软... 透视透视!werplan辅助软件(透视)wpk透视辅助,教程总结(有挂方法)-哔哩哔哩1、该软件可以...
wpk俱乐部辅助器!epoke... wpk俱乐部辅助器!epoker底牌透视(透视)app-一贯揭幕真的是有挂所有人都在同一条线上,像星...
透视科普!pokemmo手机版... 透视科普!pokemmo手机版脚本(透视)wepoker私人局透视插件,教程指南书(有挂技巧)-哔哩...
智星德州插件怎么下载!hhpo... 智星德州插件怎么下载!hhpoker德州真的假的(透视)app-本来分享是真的挂1、操作简单,无需智...
透视专业!wepokerplu... 透视专业!wepokerplus辅助(透视)wpk透视是真的吗,教程教材(有挂攻略)-哔哩哔哩1、每...
WePOker有没有透视方法!... WePOker有没有透视方法!aapoker怎么设置提高好牌几率(透视)技巧-总是了解真的是有挂1、...
透视揭露!wepokerplu... 透视揭露!wepokerplus开挂(透视)wpk透视最怕三个东西,教程法子(有挂头条)-哔哩哔哩1...