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作必弊视频，微信小程序微乐内蒙破解器，普及透视（真实有挂）-哔哩哔哩1、玩家...
透视揭露！wpk有作必弊吗，w... 透视揭露！wpk有作必弊吗，wpk私人局有透视吗（透视）其实存在有教程（哔哩哔哩）1、下载好透视辅助...
透视总结！wpk作必弊，微乐科... 透视总结！wpk作必弊，微乐科技软件下载，解密脚本（有挂教程）-哔哩哔哩1、实时wpk作必弊透视辅助...
脚本曝光！wejoker辅助软... 脚本曝光！wejoker辅助软件价格，wepoker破解器有用吗（透视）原来存在有脚本（哔哩哔哩）1...
透视黑科技！哈糖大菠萝助手，微... 透视黑科技！哈糖大菠萝助手，微信微乐小程序辅助器免费安装，开挂脚本（详细教程）-哔哩哔哩1）哈糖大菠...
据悉！WePoKer辅助器，微... 据悉！WePoKer辅助器，微乐小程序免费黑科技，关于脚本（今日头条）-哔哩哔哩在进入WePoKer...
透视详细！aapoker发牌逻... 透视详细！aapoker发牌逻辑，aapoker透视脚本下载（透视）确实是真的教程（哔哩哔哩）1. ...
透视好友房！wepoker有插... 透视好友房！wepoker有插件吗，微乐家乡麻辣自建房，总结透视（有挂技巧）-哔哩哔哩在进入wepo...
脚本透视！wpk俱乐部怎么作必... 脚本透视！wpk俱乐部怎么作必弊，wpk系统是否存在作必弊行为（透视）总是真的是有插件（哔哩哔哩）1...
今天上午！拱趴大菠萝万能挂图解... 今天上午！拱趴大菠萝万能挂图解，微乐家乡自建房辅助app，了解脚本（有挂方法）-哔哩哔哩拱趴大菠萝万...