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俱乐部...
wepoke真的有挂!wpk有... 1、wepoke真的有挂!wpk有修改器吗(透视)一向真的有挂(详细辅助可靠技巧)；代表性（透视辅助...
德州之星外挂!红龙扑克是不是有... 德州之星外挂!红龙扑克是不是有问题(透视)一向存在有挂(详细辅助教你攻略)；人气非常高，ai更新快且...
wpk透视辅助!扑克王有没有辅... wpk透视辅助!扑克王有没有辅助软件(透视)真是是真的有挂(详细辅助黑科技教程)1、在wpk透视辅助...
wpk有透视辅助!云扑克辅助器... wpk有透视辅助!云扑克辅助器真假(透视)从前真的是有挂(详细辅助2025新版技巧)1、wpk有透视...
wepoke辅助挂!德州ai辅... wepoke辅助挂!德州ai辅助工具(透视)一向真的有挂(详细辅助必胜教程)1、wepoke辅助挂a...
wpk提高胜率!GG扑克辅助软... wpk提高胜率!GG扑克辅助软件(透视)本然有挂(详细辅助AA德州教程)是一款可以让一直输的玩家，快...
德扑之星作弊!gg扑克正规吗(... 德扑之星作弊!gg扑克正规吗(透视)切实真的是有挂(详细辅助新2025版)；德扑之星作弊!gg扑克正...
aapoker有外挂!wepo... aapoker有外挂!wepoke辅助技巧(透视)本然是有挂(详细辅助玩家教程)；致您一封信；亲爱w...
aapoker辅助工具!轰趴十... 1、aapoker辅助工具!轰趴十三水有后台吗(透视)果然存在有挂(详细辅助AI教程)；代表性（透视...