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

相关内容

热门资讯

专业透视！pokerworld... 专业透视！pokerworld修改器，微乐江苏小程序游戏破解下载，办法教程（详细教程）-哔哩哔哩1、...
详细透视！pokerworld... 详细透视！pokerworld辅助器，微乐自建房辅助工具官网，技法教程（有挂技巧）-哔哩哔哩亲，关键...
推荐透视！wepoker开脚本... 推荐透视！wepoker开脚本视频，微乐游戏竞技团辅助，指南书教程（有挂解密）-哔哩哔哩1、游戏颠覆...
开挂透视！aapoker辅助怎... 开挂透视！aapoker辅助怎么用，微乐小程序自建房辅助ios，攻略教程（有挂方略）-哔哩哔哩1、超...
曝光透视！wepoker如何设... 曝光透视！wepoker如何设置透视，微信小程序游戏破解器，攻略教程（确实有挂）-哔哩哔哩小薇（辅助...
曝光透视！epoker有透视吗... 曝光透视！epoker有透视吗，微乐手游脚本辅助，窍要教程（证实有挂）-哔哩哔哩1、epoker有透...
辅助透视！德州hhpoker脚... 辅助透视！德州hhpoker脚本，微乐自建房脚本下载，总结教程（果真有挂）-哔哩哔哩1、辅助透视！德...
普及透视！wepoker作弊方... 普及透视！wepoker作弊方法，微乐a3纸牌有脚本，模板教程（的确有挂）-哔哩哔哩亲，关键说明，w...
揭幕透视！pokerworld... 揭幕透视！pokerworld修改器，微乐小程序授权，机巧教程（有挂头条）-哔哩哔哩1、用户打开应用...
分享透视！wepoker-h5... 分享透视！wepoker-h5下载，微乐如何自己建脚本，机巧教程（有挂技巧）-哔哩哔哩1、点击下载安...