Angular2如何仅当父组件存在时才将其注入指令？

在Angular2中，可以使用@Optional装饰器来实现仅当父组件存在时才将其注入指令的功能。

首先，需要在指令的构造函数中使用@Optional装饰器来标记要注入的父组件。例如：

import { Directive, Optional } from '@angular/core';
import { ParentComponent } from './parent.component';

@Directive({
  selector: '[myDirective]'
})
export class MyDirective {
  constructor(@Optional() private parent: ParentComponent) {
    // 在构造函数中可以使用this.parent来访问父组件的属性和方法
  }
}

然后，在父组件的模板中使用指令，并且只有当父组件存在时，指令才会被注入。例如：

<app-parent *ngIf="parentExists">
  <div myDirective></div>
</app-parent>

在上面的例子中，*ngIf指令会根据parentExists变量的值来决定是否渲染父组件。只有当父组件存在时，指令才会被注入。

这样，当父组件存在时，指令的构造函数中的this.parent参数会被注入父组件的实例，可以通过该实例访问父组件的属性和方法。如果父组件不存在，this.parent参数将为null。

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

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
• 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
• 移动开发平台（移动推送）：https://cloud.tencent.com/product/umeng_push
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯区块链服务（TBCS）：https://cloud.tencent.com/product/tbcs
• 腾讯元宇宙（Tencent Metaverse）：https://cloud.tencent.com/product/metaverse