Angular中如何获取URL参数?

Angular中的ActivatedRoute中保存着路由信息,可用来提取URL中的路由参数。

c 复制代码
constructor(
        private route: ActivatedRoute
    ){}
    ngOnInit(): void {
        this.getUser();
    }
    getUser(): void {
        const id = +this.route.snapshot.paramMap.get('id');
    }
}

route.snapshot是一个路由信息的静态快照,抓取自组建刚刚创建完毕之后。

paramMap是一个从URL中提取的路由参数值的字典。id对应的值就是要获取的用户的id,路由参数总是一个字符串,JavaScript中的"+"操作符会把字符串转换为数字。

相关推荐
踩着两条虫11 分钟前
VTJ.PRO的平台介绍与特性
前端·架构·ai编程
光影少年22 分钟前
前端工程化升级
前端·javascript·react.js·前端框架
Hello--_--World28 分钟前
节流 VS 防抖 相关知识点与面试题
前端·javascript
We་ct32 分钟前
AI辅助开发术语体系深度剖析
开发语言·前端·人工智能·ai·ai编程
去伪存真39 分钟前
Superpowers 从“调教提示词”转向“构建工程规范”
前端·agent
发现一只大呆瓜44 分钟前
深度起底 Vite:从打包流程到插件钩子执行时序的全链路解析
前端·vite
jserTang1 小时前
Claude Code 源码深度解析 - 前言
前端·javascript·后端
hehelm1 小时前
vector模拟实现
前端·javascript·算法
|晴 天|1 小时前
[特殊字符]️ Vue 3项目架构设计:从2200行单文件到24个组件
前端·javascript·vue.js
FrontAI1 小时前
深入浅出 LangChain —— 第三章:模型抽象层
前端·人工智能·typescript·langchain·ai agent