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

相关内容

热门资讯

第5分钟辅助！多乐辅助器免费版... 第5分钟辅助！多乐辅助器免费版，竟然存在有辅助挂（有挂秘笈）1.多乐辅助器免费版 选牌创建新账号，点...
第八分钟辅助！潘潘讲故事app... 第八分钟辅助！潘潘讲故事app外挂图片，真是是有辅助器（确实有挂）1、第八分钟辅助！潘潘讲故事app...
第五分钟辅助！传送屋软件下载辅... 第五分钟辅助！传送屋软件下载辅助，其实是有辅助技巧（有挂工具）1、不需要AI权限，帮助你快速的进行传...
第8分钟辅助！朱雀开心罗松辅助... 第8分钟辅助！朱雀开心罗松辅助器，本来是有辅助app（有挂攻略）1、朱雀开心罗松辅助器脚本辅助下载、...
3分钟辅助！爱来510k辅助器... 3分钟辅助！爱来510k辅助器，本来真的有辅助挂（有挂教程）1、3分钟辅助！爱来510k辅助器，本来...
3分钟辅助！白金岛辅助有用吗，... 3分钟辅助！白金岛辅助有用吗，切实真的有辅助攻略（确实有挂）该软件可以轻松地帮助玩家将白金岛辅助有用...
第1分钟辅助！兴动互娱辅助脚本... 第1分钟辅助！兴动互娱辅助脚本下载，都是存在有辅助攻略（有挂神器）1、游戏颠覆性的策略玩法，独创攻略...
6分钟辅助！边锋小程序辅助脚本... 6分钟辅助！边锋小程序辅助脚本免费，切实真的有辅助技巧（揭秘有挂）1、边锋小程序辅助脚本免费免费脚本...
九分钟辅助！广东雀神智能插件安... 九分钟辅助！广东雀神智能插件安装包免费，确实真的有辅助技巧（有挂规律）广东雀神智能插件安装包免费是不...
三分钟辅助！奇迹手机辅助脚本怎... 三分钟辅助！奇迹手机辅助脚本怎么下载，原来真的有辅助挂（有挂秘诀）1、奇迹手机辅助脚本怎么下载透视辅...