角度服务传递整数url参数被调用两次将参数值追加到API调用

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

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

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

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

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

  callApi() {
    const apiUrl = `https://example.com/api/user/${this.userId}`;
    // 这里可以使用HttpClient发送API请求，并将参数值追加到URL中
    this.http.get(apiUrl).subscribe(response => {
      // 处理API响应
    });
  }
}