编辑要在angular 6中参数化的主路径

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { UserProfileComponent } from './user-profile/user-profile.component';

const routes: Routes = [
  { path: 'user/:id', component: UserProfileComponent }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

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

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

  constructor(private route: ActivatedRoute) { }

  ngOnInit(): void {
    this.route.params.subscribe(params => {
      this.userId = params['id'];
      // 使用 this.userId 获取用户信息
    });
  }
}

import { switchMap } from 'rxjs/operators';

this.route.params.pipe(
  distinctUntilChanged(),
  switchMap(params => {
    // 根据新的参数获取数据
    return this.userService.getUser(params['id']);
  })
).subscribe(user => {
  this.user = user;
});