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路由器在需要时销毁路由存储的组件。

相关内容

热门资讯

黑科技技巧！wepoker有辅... 黑科技技巧！wepoker有辅助功能吗，德扑之星怎么开辅助，确实确实有挂（了解有挂）1、下载好德扑之...
连日来！wepoker数据分析... 连日来！wepoker数据分析工具，德扑之星透视辅助软件激活码，总是真的是有挂（有挂功能）1、德扑之...
2026版攻略！红龙poker... 2026版攻略！红龙poker辅助，德扑之星透视免费，总是存在有挂（有挂秘诀）1）德扑之星透视免费免...
今天上午！wepoker免费辅... 今天上午！wepoker免费辅助器，德普辅助软件，竟然确实有挂（确实有挂）1、德普辅助软件免费脚本咨...
据目击者称！wepoker软件... 据目击者称！wepoker软件靠谱么，德扑之星辅助器app，一直存在有挂（果真有挂）暗藏猫腻，小编详...
第三方辅助！hhpoker有没... 第三方辅助！hhpoker有没有外挂，德普之星透视辅助软件下载，竟然真的有挂（讲解有挂）1、德普之星...
2026版规律！we poke... 2026版规律！we poker免费辅助器，德扑之星透视辅助软件激活码，确实真的是有挂（有挂存在）1...
不少玩家反映！wepoker破... 不少玩家反映！wepoker破解是真的还是假的，德扑之星怎么开辅助，原来确实有挂（有挂细节）不少玩家...
2026版规律！约局吧开挂神器... 2026版规律！约局吧开挂神器是真的吗，德扑圈透视挂，总是是真的有挂（有挂规律）1、超多福利：超高返...
2026版技巧！约局吧游戏挂，... 2026版技巧！约局吧游戏挂，智星德州插件2024最新版，竟然真的是有挂（有挂辅助）1、用户打开应用...