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

相关内容

热门资讯

推荐一款辅助器!有哪些免费的w... 您好，推荐一款辅助器!有哪些免费的wpk作弊码,德普之星怎么开挂软件（总是是有辅助器）这款游戏可以开...
科普分享辅助器!wejoker... wejoker辅助软件视频AI 游戏攻略黑科技上线本地缓存功能，离线查阅能力开挂。提前下载对应游戏攻...
系统教程辅助!wepoker俱... 您好，系统教程辅助!wepoker俱乐部辅助器,德普之星透视挂教程（总是是真的有辅助）这款游戏可以开...
重大发现透视!wepoker可... 『标题：当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红，对局总结能力开挂。上传对局回放或者战绩截...
技术分享开挂!wepoker辅... AI 黑科技赛道又上新，这款智能处理工具堪称效率开挂，专门面向短视频创作者打造。它打通脚本撰写、AI...
总算了解!透视!德普之星辅助功... 您好，总算了解!透视!德普之星辅助功能如何打开,微扑克到底有没有挂助手（一向是真的有透视）这款游戏可...
热点推荐辅助器!wepoker... 『标题：当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红，对局总结能力开挂。上传对局回放或者战绩截...
实测分享辅助!wepoker底... 『标题：当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红，对局总结能力开挂。上传对局回放或者战绩截...
必知教程!辅助器!智星德州插件... 很多人使用云端 AI 时，都担心智星德州插件、内部资料上传带来隐私风险。这款本地运行的 AI 黑科技...
科技揭秘透视挂!安装不了wep... 您好，科技揭秘透视挂!安装不了wepoker,微扑克怎么开挂安装（先前真的有透视挂）这款游戏可以开挂...