如何在NavigationEnd事件中获取组件名称和参数？

import { Router, NavigationEnd } from '@angular/router';

constructor(private router: Router) { }

ngOnInit() {
  this.router.events.subscribe(event => {
    if (event instanceof NavigationEnd) {
      const componentName = this.getComponentName(event.url);
      const params = this.getParams(event.url);
      console.log('Component Name:', componentName);
      console.log('Params:', params);
    }
  });
}

getComponentName(url: string): string {
  // 解析URL，获取组件名称
  // 例如，URL为'/home'，则组件名称为'HomeComponent'
  const componentName = url.split('/').filter(segment => segment !== '')[0];
  return componentName + 'Component';
}

getParams(url: string): any {
  // 解析URL，获取参数
  // 例如，URL为'/user/123'，则参数为{ id: '123' }
  const segments = url.split('/').filter(segment => segment !== '');
  const params = {};
  if (segments.length > 1) {
    params['id'] = segments[1];
  }
  return params;
}