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

相关内容

热门资讯

专业讨论!开挂!WPK链接,德... 专业讨论!开挂!WPK链接,德普之星透视软件下载神器（都是存在有开挂）AI 智能体黑科技再上新，自动...
可靠教程透视!wepoker黑... 可靠教程透视!wepoker黑侠辅助器,德扑之星透视开挂工具（从来真的是有透视）AI 是一款可以让一...
玩家必看科普!辅助挂!德扑之心... 玩家必看科普!辅助挂!德扑之心免费透视,wepoker透视开挂下载（先前是有辅助挂）AI 是一款可以...
玩家科普辅助!wepoker怎... 『标题：当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红，对局总结能力开挂。上传对局回放或者战绩截...
技术分享透视!德普之星透视辅助... 一款 AI 游戏攻略黑科技工具上线，查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
分享个大家透视挂!有没有人we... 有没有人wepokerAI 游戏攻略黑科技上线本地缓存功能，离线查阅能力开挂。提前下载对应游戏攻略数...
六分钟了解透视挂!德扑之心免费... 德扑之心免费透视AI 游戏攻略黑科技上线本地缓存功能，离线查阅能力开挂。提前下载对应游戏攻略数据包，...
AI教程开挂!wepokerp... AI教程开挂!wepokerplus作弊,WPK软件下载插件（先前真的是有开挂）AI 是一款可以让一...
2026教程透视挂!wpk透视... 本地部署 AI 黑科技工具迎来新版本，不用上传文件到云端就能完成wpk透视辅助方法解析、 AI 处理...
发现玩家辅助挂!WPK透视版,... 『标题：当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红，对局总结能力开挂。上传对局回放或者战绩截...