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破解工具，购买的wpk辅助在哪里下载，妙计教程（有挂讲解）购买的wpk辅...
五分钟辅助！约局吧德州透视，拱... 五分钟辅助！约局吧德州透视，拱趴大菠萝开挂方法，策略教程（有挂方针）1、上手简单，内置详细流程视频教...
第七分钟辅助！wepoker透... 第七分钟辅助！wepoker透视挂底牌，hhpoker软件靠谱吗，妙计教程（详细教程）1、这是跨平台...
第6分钟辅助！来玩app破解版... 第6分钟辅助！来玩app破解版，hhpoker透视脚本下载，手册教程（有挂方法）1、不需要AI权限，...
十分钟辅助！wepoker透视... 十分钟辅助！wepoker透视有吗，拱趴大菠萝辅助神器，绝活教程（有挂方法）1、这是跨平台的拱趴大菠...
第7分钟辅助！wepoker高... 第7分钟辅助！wepoker高级辅助，wepoker免费脚本咨询，窍门教程（有挂方法）wepoker...
一分钟辅助！德普之星怎么开辅助... 一分钟辅助！德普之星怎么开辅助，拱趴大菠萝挂，资料教程（有挂方略）1、德普之星怎么开辅助破解器简单，...
一分钟辅助！约局吧作弊脚本，h... 一分钟辅助！约局吧作弊脚本，hhpkoer辅助器，秘籍教程（真的有挂）1、让任何用户在无需约局吧作弊...
第五分钟辅助！德州透视插件，w... 第五分钟辅助！德州透视插件，wepoker私人局外卦，经验教程（有挂方法）1、下载好wepoker私...
九分钟辅助！aapoker辅助... 九分钟辅助！aapoker辅助软件合法吗，拱趴大菠萝挂哪里，指引教程（有挂头条）1、全新机制【aap...