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

相关内容

热门资讯

透视游戏"wepok... 透视游戏"wepoker私人局可以透视"详细辅助揭秘教程(可以透视码软件)是一款可以让一直输的玩家，...
透视真的"wepok... 透视真的"wepoker辅助透视"详细辅助黑科技教程(脚本技巧)1、很好的工具软件，可以解锁游戏的a...
透视神器"we po... 透视神器"we poker免费辅助器"详细辅助德州教程(辅助技巧)，支持语音通讯、好友开房及战队组建...
透视软件"wepok... 您好，wepoker分析这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家...
透视规律"wepok... 透视规律"wepoker有透视功能吗"详细辅助AI教程(有人用过辅助)；原来确实真的有挂（需添加指定...
透视攻略"aapok... 透视攻略"aapoker怎么开辅助器"详细辅助可靠技巧(免费透视技巧)科技教程也叫必备教程，这是一款...
透视免费"aapok... 透视免费"aapoker透视脚本入口"详细辅助力荐教程(辅助脚本方法)是一款可以让一直输的玩家，快速...
透视了解"newpo... 1、透视了解"newpoker怎么安装脚本"详细辅助wpk教程(有辅助透明)2、进入游戏-大厅左侧-...
透视脚本"wepok... 透视脚本"wepoker私人局俱乐部辅助"详细辅助教你教程(私人局有透视方法)；原来确实真的有挂（需...
透视挂透视"约局吧能... 透视挂透视"约局吧能不能开挂"详细辅助德州论坛(好友局透视辅助)；建议优先通过约局吧能不能开挂透明挂...