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俱乐部靠谱吗（透视）aapoker透视插件，解密教程（有挂技巧）1、让任何用...
透视最新！aapoker能控制... 透视最新！aapoker能控制牌吗（透视）aapoker辅助软件合法吗，插件教程（有挂脚本）；1、完...
透视黑科技！aapoker辅助... 透视黑科技！aapoker辅助器怎么用（透视）aapoker如何设置胜率，揭秘教程（有挂教程）；暗藏...
透视透视挂！aapoker怎么... 透视透视挂！aapoker怎么设置抽水（透视）aapoker透视脚本，AA德州教程（有挂解密）1、这...
透视最新！aapoker透视脚... 透视最新！aapoker透视脚本（透视）aapoker辅助软件合法吗，力荐教程（有挂细节）1、玩家可...
透视总结！aapoker破解侠... 透视总结！aapoker破解侠是真的吗（透视）aapoker怎么选牌，2025新版技巧（有挂解说）1...
透视存在！aapoker万能辅... 透视存在！aapoker万能辅助器（透视）aapoker ai插件，新2025教程（有挂教程）1、实...
透视代打！aapoker安装包... 透视代打！aapoker安装包怎么使用（透视）aapoker辅助工具安全吗，解密教程（有挂教程）一、...
透视脚本！aapoker辅助器... 透视脚本！aapoker辅助器是真的吗（透视）aapoker辅助软件合法吗，新版2025教程（有挂方...
透视了解！aapoker透视脚... 透视了解！aapoker透视脚本（透视）aapoker怎么设置抽水，AI教程（有挂辅助）；1、不需要...