ActivatedRoute是什么请举例说明

Angular中的ActivatedRoute是一个服务，它提供了当前路由状态的信息。它可以用来获取当前路由的参数、查询参数、路由路径等信息。举个例子，如果我们有一个路由路径为'/users/:userId'，其中':userId'部分是一个参数，我们可以使用ActivatedRoute服务来获取这个参数的值。

假设我们有以下路由配置：

{ path: 'users/:userId', component: UserComponent }

在UserComponent组件中，我们可以注入ActivatedRoute服务，并使用它来获取路由参数。例如，我们可以获取路由参数userId的值，如下所示：

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-user',
  templateUrl: './user.component.html',
  styleUrls: ['./user.component.css']
})
export class UserComponent implements OnInit {
  userId: string;

  constructor(private route: ActivatedRoute) { }

  ngOnInit() {
    this.userId = this.route.snapshot.paramMap.get('userId');
  }
}

在上面的例子中，我们使用ActivatedRoute服务的snapshot属性来获取当前路由的参数。在这种情况下，我们获取了路由参数userId的值，并将它赋值给了userId属性。这样，我们就可以在组件中使用这个值了。