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

在NavigationEnd事件中获取组件名称和参数可以通过Angular的Router模块来实现。Router模块提供了一些方法和属性，可以帮助我们获取当前路由的信息。

首先，我们需要在组件中引入Router模块：

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

然后，在组件的构造函数中注入Router对象：

constructor(private router: Router) { }

接下来，我们可以通过订阅NavigationEnd事件来获取路由的信息。在组件的ngOnInit方法中，添加以下代码：

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;
}

上述代码中，我们通过解析URL来获取组件名称和参数。在getComponentName方法中，我们通过将URL按照'/'进行分割，并过滤掉空的片段，得到第一个非空片段作为组件名称。在getParams方法中，我们同样通过解析URL来获取参数，将第二个非空片段作为参数的值。

请注意，上述代码中的组件名称和参数的获取方式仅作为示例，实际情况可能会根据项目的具体需求而有所不同。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云云数据库MySQL版、腾讯云对象存储（COS）。

腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm

腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql

腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos