Angular获取当前活动组件路径

可以通过ActivatedRoute服务来实现。ActivatedRoute是Angular提供的一个服务，用于获取当前路由的相关信息。

首先，在需要获取当前活动组件路径的组件中，需要导入ActivatedRoute服务：

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

然后，在组件的构造函数中注入ActivatedRoute服务：

constructor(private route: ActivatedRoute) { }

接下来，可以通过route对象的属性来获取当前活动组件路径。常用的属性包括：

• snapshot：当前路由的快照，包含了当前路由的各种信息，包括URL参数、查询参数等。
• url：当前路由的URL片段数组，可以通过join方法将其转换为字符串形式。
• pathFromRoot：当前路由到根路由的路径数组，可以通过map方法将其转换为字符串形式。

下面是一个示例代码，演示如何获取当前活动组件路径：

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

@Component({
  selector: 'app-my-component',
  template: `
    <h1>当前活动组件路径：{{ currentPath }}</h1>
  `
})
export class MyComponent {
  currentPath: string;

  constructor(private route: ActivatedRoute) {
    this.currentPath = this.getCurrentPath();
  }

  getCurrentPath(): string {
    const pathFromRoot = this.route.pathFromRoot.map(route => route.routeConfig?.path);
    return pathFromRoot.join('/');
  }
}

在上述示例中，通过调用getCurrentPath方法获取当前活动组件路径，并将其显示在模板中。

需要注意的是，以上代码仅适用于Angular的路由模块。如果项目中没有使用路由模块，或者当前组件不是通过路由进行导航的，那么无法获取到当前活动组件路径。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云对象存储（COS），腾讯云数据库（TencentDB），腾讯云人工智能（AI），腾讯云物联网（IoT），腾讯云移动开发（Mobile），腾讯云区块链（Blockchain），腾讯云元宇宙（Metaverse）。

更多关于腾讯云产品的介绍和详细信息，请访问腾讯云官方网站：腾讯云。