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辅助透视》‌：支持手机实时对...
一起来讨论！wepoker透视... 一起来讨论！wepoker透视底牌，wepoker免费辅助器，安装教程（有挂技巧）准备好在wepok...
最新技巧！pokemmo脚本辅... 最新技巧！pokemmo脚本辅助下载，hhpoker软件安装包，必备教程（有挂透明）准备好在poke...
玩家必看教程！wepoker透... 玩家必看教程！wepoker透视脚本免费下载pc，拱趴大菠萝机器人，AI教程（有挂软件）；建议优先通...
来一盘！we poker辅助器... 来一盘！we poker辅助器v3.3，aapoker透视脚本入口，力荐教程（有挂透明）；小薇（透视...
推荐十款！hhpoker免费透... 推荐十款！hhpoker免费透视脚本，wepoker黑侠辅助器，教你教程（有挂透明）科技教程也叫必备...
玩家交流！aapoker怎么拿... 玩家交流！aapoker怎么拿好牌，hh poker软件，扑克教程（有挂神器）；原来确实真的有挂（需...
玩家必备科普！wepoker安... 玩家必备科普！wepoker安装教程，wepoker轻量版透视，攻略方法（有挂软件）；实战中需综合运...
分享认知！hhpoker透视脚... 分享认知！hhpoker透视脚本，德州透视脚本，攻略方法（有挂攻略）；玩家必备必赢加哟《136704...
总算清楚！德普之星怎么开辅助，... 总算清楚！德普之星怎么开辅助，wpk刷入池率脚本，2025教程（有挂技巧）科技教程也叫必备教程，这是...