选择子菜单时，Angular2父菜单应处于活动状态

在Angular2中，当选择子菜单时，父菜单应处于活动状态。这意味着父菜单应该显示为选中状态，以便用户知道当前所在的菜单位置。

为了实现这个功能，可以使用Angular2中的路由和导航功能。首先，需要在应用程序的路由配置中定义父菜单和子菜单的路由。例如：

const routes: Routes = [
  { path: 'parent', component: ParentComponent },
  { path: 'parent/:id', component: ParentComponent, children: [
    { path: 'child1', component: Child1Component },
    { path: 'child2', component: Child2Component },
    // 其他子菜单路由
  ]}
];

在上面的代码中，我们定义了一个名为parent的父菜单路由，并为其定义了两个子菜单路由child1和child2。你可以根据实际情况添加更多的子菜单路由。

接下来，在父菜单组件中，可以使用Angular2的RouterLinkActive指令来设置父菜单的活动状态。例如：

<ul>
  <li routerLinkActive="active">
    <a routerLink="/parent">父菜单</a>
  </li>
</ul>

在上面的代码中，我们使用routerLinkActive指令将active类应用于父菜单的li元素，当父菜单处于活动状态时，该类将被添加到li元素中。

最后，在子菜单组件中，可以使用ActivatedRoute服务来获取当前路由的信息，并根据需要进行处理。例如：

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

@Component({
  // 组件配置
})
export class Child1Component {
  constructor(private route: ActivatedRoute) {
    this.route.params.subscribe(params => {
      // 处理子菜单路由参数
    });
  }
}

在上面的代码中，我们注入了ActivatedRoute服务，并使用params属性订阅了路由参数的变化。你可以在subscribe方法中处理子菜单路由参数的逻辑。

综上所述，通过使用Angular2的路由和导航功能，我们可以实现选择子菜单时父菜单处于活动状态的效果。这样用户就可以清楚地知道当前所在的菜单位置。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：提供弹性计算能力，满足各种业务需求。
• 腾讯云云数据库 MySQL 版：高性能、可扩展的关系型数据库服务。
• 腾讯云对象存储（COS）：安全、稳定、低成本的云端存储服务。
• 腾讯云人工智能：提供多种人工智能服务，如图像识别、语音识别等。
• 腾讯云物联网（IoT）：为物联网设备提供连接、管理和数据处理能力。
• 腾讯云移动开发：提供移动应用开发和运营的一站式解决方案。
• 腾讯云区块链：提供安全、高效的区块链服务，支持多种场景应用。
• 腾讯云音视频处理：提供音视频上传、转码、剪辑等处理能力。
• 腾讯云云原生应用引擎（TKE）：帮助用户快速构建、部署和管理云原生应用。
• 腾讯云网络安全：提供多种网络安全解决方案，保护业务免受攻击。

请注意，以上链接仅为示例，具体的产品选择应根据实际需求进行评估和决策。