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

相关内容

热门资讯

记者揭秘!aapoker辅助挂... 记者揭秘!aapoker辅助挂多功能透视工具，好像是有挂(有挂助手)1、下载好aapoker透视辅助...
科普!aapoker辅助挂多功... 科普!aapoker辅助挂多功能透视工具，本来是真的有挂(有挂秘籍)1、起透看视 aapoker辅助...
实测发现!aapoker辅助挂... 实测发现!aapoker辅助挂多功能透视工具，原来真的是有挂(有挂功能)1、aapoker透视辅助软...
今日科普!德普之星辅助挂多功能... 今日科普!德普之星辅助挂多功能透视工具，本来是真的有挂(真的有挂)1、首先打开德普之星辅助器下载最新...
每日必看推荐!WPK辅助挂多功... 每日必看推荐!WPK辅助挂多功能透视工具，果然真的有挂(有挂助手)1、WPK破解器简单，WPK机器人...
科普常识!德扑之星辅助挂多功能... 科普常识!德扑之星辅助挂多功能透视工具，切实真的是有挂(有挂总结)1、玩家可以在德扑之星透视最简单三...
揭秘真相!AAPoKer辅助挂... 揭秘真相!AAPoKer辅助挂多功能透视工具，总是真的有挂(有挂讲解)1、许多玩家不知道AAPoKe...
解密关于!AAPoKer辅助挂... 解密关于!AAPoKer辅助挂多功能透视工具，总是存在有挂(有挂教学)1、用户打开应用后不用登录就可...
一分钟快速了解!微扑克辅助挂多... 一分钟快速了解!微扑克辅助挂多功能透视工具，总是真的有挂(有挂细节)1、完成微扑克有辅助插件，帮助玩...
科技通报!德普之星辅助挂多功能... 科技通报!德普之星辅助挂多功能透视工具，竟然是有挂(有挂秘诀)1、每一步都需要思考，不同水平的挑战德...