如何使用ID在angularjs 2中嵌套子路由

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
importimport { DetailComponent } from './detail.component';

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

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

<router-outlet></router-outlet>

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

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

  constructor(private route: ActivatedRoute) { }

  ngOnInit() {
    this.id = this.route.snapshot.params['id'];
    // 根据ID参数进行相应的数据处理和页面展示
  }
}

<h2>详情页面</h2>
<p>当前ID：{{ id }}</p>