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中的"+"操作符会把字符串转换为数字。

相关推荐
bkspiderx几秒前
HTTP协议:Web通信的“通用语言”解析
前端·网络协议·http
云水一下1 分钟前
模块系统与 npm——万物皆模块
前端·npm·node.js
ZC跨境爬虫9 分钟前
跟着 MDN 学CSS day_47:(移动优先实战——从手机到宽屏的响应式进化)
前端·css·html·tensorflow·媒体
小新11010 分钟前
vue实战项目 计算器
前端·javascript·vue.js
秋田君12 分钟前
2026 前端新出路:掌握 C++ 核心语法,无缝衔接 QT 桌面开发
前端·c++·qt
老毛肚22 分钟前
jeecgboot vue 路由 拆分01
前端·javascript·typescript
ZC跨境爬虫23 分钟前
跟着 MDN 学CSS day_46:(响应式实战——用媒体查询打造双列布局)
前端·css·ui·html·tensorflow·媒体
狗凯之家源码网25 分钟前
多语言企鹅养殖投资返利系统 自定义产品配置 一键部署源码
前端·架构·php
每天吃饭的羊29 分钟前
LeetCode 链表
前端
神仙别闹30 分钟前
VUE框架 + Element UI + Node 模拟打印机的 Web 即时打印
前端·vue.js·ui