如何在Angular中获取路由器加载的当前组件(在父或子中)？

在Angular中，可以使用ActivatedRoute服务来获取当前加载的组件。ActivatedRoute服务提供了一种获取当前路由状态的方式，包括当前路由的参数、查询参数和路由层次结构等信息。

要在父组件中获取当前加载的组件，可以在父组件的构造函数中注入ActivatedRoute服务，并通过调用snapshot属性来获取当前路由的信息。例如：

import { ActivatedRoute } from '@angular/router';

constructor(private route: ActivatedRoute) {
  const currentComponent = this.route.snapshot.component;
  console.log('当前加载的组件：', currentComponent);
}

要在子组件中获取当前加载的组件，可以通过在子组件的构造函数中注入ActivatedRoute服务，并通过调用parent属性来获取父组件的路由信息。然后，可以通过调用snapshot属性来获取当前路由的信息。例如：

import { ActivatedRoute } from '@angular/router';

constructor(private route: ActivatedRoute) {
  const parentComponent = this.route.parent.snapshot.component;
  console.log('当前加载的组件：', parentComponent);
}

以上代码示例中，使用console.log()函数将当前加载的组件打印到控制台。

在Angular中，路由器是通过路由模块进行配置的。要确保在路由模块中正确配置路由，以便能够获取到正确的组件信息。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云云数据库MySQL版、腾讯云对象存储（COS）等。你可以通过腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息。