Angular路由器在浏览器地址栏中显示相应的URL，但该URL的内容不显示在浏览器页面中。
创始人
2024-10-28 03:33:10
0次

这可能是因为缺少占位符或参数。尝试使用以下代码示例：

在路由模块定义中（例如，app-routing.module.ts）：

const routes: Routes = [
  { path: 'users/:id', component: UserComponent },
  ...
];

在组件中：

import { ActivatedRoute } from '@angular/router';

constructor(private route: ActivatedRoute) {}

ngOnInit() {
  this.route.paramMap.subscribe(params => {
    console.log(params.get('id')); // display user id in console
    // or do something else with the id
  });
}

此代码示例将在浏览器地址栏中显示“/users/123”，并在控制台中显示用户ID（在这种情况下为123）。您可以根据需要使用此值进行数据获取或其他操作。

上一篇：Angular路由器在http拦截器中无法导航。

下一篇：Angular路由器在需要时销毁路由存储的组件。

相关内容

热门资讯

实测教程辅助方法!王钓麻将多功... 实测教程辅助方法!王钓麻将多功能辅助方法，王钓麻将本来有辅助方法1、王钓麻将有没有辅助教程、王钓麻将...
揭秘关于作弊器方法!澳门永利集... 揭秘关于作弊器方法!澳门永利集团多功能作弊器方法，澳门永利集团都是真的是有作弊器方法1、下载好澳门永...
揭秘一下透视器攻略!苍南麻将多... 揭秘一下透视器攻略!苍南麻将多功能透视器攻略，苍南麻将好像真的是有透视器攻略苍南麻将透视方法中分为三...
一分钟了解透视器技巧!梦黄麻将... 一分钟了解透视器技巧!梦黄麻将多功能透视器技巧，梦黄麻将切实存在有透视器技巧1、打开软件启动之后找到...
技术分享辅助器工具!微乐江西麻... 您好，微乐江西麻将这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩家在...
热点推荐透视器软件!来打麻将多... 热点推荐透视器软件!来打麻将多功能透视器软件，来打麻将竟然存在有透视器软件1、用户打开应用后不用登录...
科普透视器软件!大宝麻将多功能... 科普透视器软件!大宝麻将多功能透视器软件，大宝麻将一贯真的有透视器软件1、很好的工具软件，可以解锁游...
记者发布辅助方法!良人麻将多功... 记者发布辅助方法!良人麻将多功能辅助方法，良人麻将真是有辅助方法该软件可以轻松地帮助玩家将良人麻将外...
热点推荐作弊器技巧!掌上约牌多... 热点推荐作弊器技巧!掌上约牌多功能作弊器技巧，掌上约牌一直有作弊器技巧热点推荐作弊器技巧!掌上约牌多...
盘点几款辅助教程!铃铛游戏3D... 盘点几款辅助教程!铃铛游戏3D多功能辅助教程，铃铛游戏3D原来有辅助教程1、进入游戏-大厅左侧-新手...