如何从Angular ActivatedRoute获取参数

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.route.params.subscribe(params => {
      this.userId = params['id'];
      console.log('User ID:', this.userId);
    });

    // 获取查询参数
    this.route.queryParams.subscribe(queryParams => {
      console.log('Query Params:', queryParams);
    });
  }
}

import { Subscription } from 'rxjs';

export class UserComponent implements OnInit, OnDestroy {
  private subscription: Subscription;

  ngOnInit() {
    this.subscription = this.route.params.subscribe(params => {
      this.userId = params['id'];
    });
  }

  ngOnDestroy() {
    if (this.subscription) {
      this.subscription.unsubscribe();
    }
  }
}

import { HttpClient } from '@angular/common/http';

export class UserComponent implements OnInit {
  user: any;

  constructor(private route: ActivatedRoute, private http: HttpClient) {}

  ngOnInit() {
    this.route.params.subscribe(params => {
      const userId = params['id'];
      this.http.get(`https://api.example.com/users/${userId}`).subscribe(user => {
        this.user = user;
      });
    });
  }
}