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

相关内容

热门资讯

透视模拟器！wpk辅助器下载，... 透视模拟器！wpk辅助器下载，途游四川小程序脚本辅助，攻略教程（有挂技巧）；科技安装教程；13670...
透视软件！wepoker辅助透... 1、透视软件！wepoker辅助透视软件，随意玩透视辅助，微扑克教程（有挂辅助）。2、随意玩透视辅助...
透视ai代打！红龙poker作... 透视ai代打！红龙poker作弊指令，老k麻将有挂吗，攻略方法（有挂技巧）1、点击下载安装，微扑克w...
辅助透视！德普之星透视辅助软件... 1、辅助透视！德普之星透视辅助软件下载，中至赣牌圈祈福有用吗，玩家教程（有挂教程）。2、中至赣牌圈祈...
透视app！wpk辅助购买，欢... 透视app！wpk辅助购买，欢乐对决辅助，黑科技教程（有挂软件）；小薇（透视辅助）致您一封信；亲爱欢...
透视好牌！智星菠萝辅助怎么买，... 这是一款非常优秀的丽水都来大菠萝脚本辅助 ia辅助检测软件，能够让你了解到丽水都来大菠萝脚本辅助中牌...
透视实锤！hhpoker辅助器... 透视实锤！hhpoker辅助器，闲来山水广西辅助，2025新版技巧（有挂软件）；实战中需综合运用上述...
透视好牌！智星菠萝辅助，心悦填... 透视好牌！智星菠萝辅助，心悦填大坑辅助器，可靠技巧（有挂神器）；最新版2024是一款经典耐玩的益智游...
透视最新！智星德州菠萝安装，越... 透视最新！智星德州菠萝安装，越乡游义乌辅助，新2025教程（有挂技巧）；科技安装教程；1367043...
透视中牌率！wpk辅助软件，雀... 透视中牌率！wpk辅助软件，雀友会广东潮汕辅助透视，爆料教程（有挂方法）；小薇（透视辅助）致您一封信...