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

相关内容

热门资讯

热点讨论！杭州都莱大菠萝辅助器... 【福星临门，好运相随】；热点讨论！杭州都莱大菠萝辅助器，wepoker怎么看牌型，必胜教程（有挂工具...
我来教大家！九游辅助真的假的，... 我来教大家！九游辅助真的假的，wepoker辅助器是真的吗，插件教程（有挂规律）；我来教大家！九游辅...
热点讨论！多乐找刺激辅助，aa... 您好，多乐找刺激辅助这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家在这...
玩家必备教程！开心泉州小程序工... 玩家必备教程！开心泉州小程序工具，xpoker辅助控制，扑克教程（存在有挂）；开心泉州小程序工具软件...
重大科普！欢乐达人暗堡辅助，德... 重大科普！欢乐达人暗堡辅助，德州局怎么透视，分享教程（有挂头条）;亲，有的，ai轻松简单，又可以获得...
我来教教大家！hhpoker大... 【福星临门，好运相随】；我来教教大家！hhpoker大菠萝有没有作比，wepoker免费脚本咨询，总...
盘点一款！微信小程序透视挂，w... 盘点一款！微信小程序透视挂，wepoker黑侠辅助器，2025新版技巧（有挂攻略）是一款可以让一直输...
信息共享！开心泉州小程序辅助器... 信息共享！开心泉州小程序辅助器，wpk辅助哪里买，必胜教程（有挂工具）是一款可以让一直输的玩家，快速...
教程辅助！点我休闲辅助器，we... 教程辅助！点我休闲辅助器，wepoker轻量版辅助，黑科技教程（确实有挂）是一款可以让一直输的玩家，...
玩家必看科普！h5大厅反杀，w... 玩家必看科普！h5大厅反杀，wejoker辅助软件，科技教程（有挂规律）；h5大厅反杀辅助器中分为三...