Angular获取url参数
时间: 2024-01-03 16:05:30 浏览: 259
angular 2 router
在Angular中,可以通过ActivatedRoute服务来获取URL参数。以下是一个示例:
1. 导入ActivatedRoute服务:
```typescript
import { ActivatedRoute } from '@angular/router';
```
2. 注入ActivatedRoute服务:
```typescript
constructor(private route: ActivatedRoute) {}
```
3. 通过params属性获取参数值:
```typescript
ngOnInit() {
this.route.params.subscribe(params => {
const id = params['id'];
console.log(id);
});
}
```
在上面的代码中,我们订阅params属性,它是一个Observable对象。当URL参数发生变化时,我们会收到一个包含参数值的参数对象。我们可以使用参数名称访问参数值。例如,如果我们的URL是“example.com/products/123”,则id参数的值将为“123”。
阅读全文