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透视方法，wepoker高级辅助-确实是真的有辅助app（哔哩哔哩）1、进入...
透视开挂！wepoker辅助器... 透视开挂！wepoker辅助器官方，wepoker辅助软件视频-一贯有辅助软件（哔哩哔哩）1、上手简...
透视详情！werplan辅助软... 透视详情！werplan辅助软件，pokemmo脚本辅助下载-其实一直总是有辅助app（哔哩哔哩）1...
透视总结！wepokerplu... 透视总结！wepokerplus透视脚本免费，wepoker怎么拿到好牌-一直真的有辅助软件（哔哩哔...
透视开挂！aapoker脚本，... 透视开挂！aapoker脚本，aapoker发牌逻辑-一直一直总是有辅助工具（哔哩哔哩）该软件可以轻...
透视总结！cloudpoker... 透视总结！cloudpoker外挂，智星德州有脚本吗-真是有辅助方法（哔哩哔哩）1、进入到智星德州有...
透视了解！wepoker代打辅... 透视了解！wepoker代打辅助，wepoker透视脚本-一直真的有辅助攻略（哔哩哔哩）1、epok...
透视关于！wepoker买钻石... 透视关于！wepoker买钻石有用吗，wepoker辅助真的假的-一贯有辅助app（哔哩哔哩）1、辅...
透视普及！htx矩阵wepok... 透视普及！htx矩阵wepoker辅助，We poker辅助器下载-总是是有辅助插件（哔哩哔哩）辅助...
透视普及！hhpoker的辅助... 透视普及！hhpoker的辅助是真的吗，hhpoker德州机器人-本来真的是有辅助技巧（哔哩哔哩）破...