通过单击angular 7中的一行来显示和隐藏组件

在Angular 7中，通过单击一行来显示和隐藏组件可以通过以下步骤实现：

1. 首先，在你的组件模板中，你需要为这一行添加一个点击事件。可以通过使用(click)指令来实现。例如：

<div (click)="toggleComponent()">点击这一行</div>

1. 在你的组件的类中，你需要实现toggleComponent()方法来切换组件的显示和隐藏状态。可以通过设置一个布尔型的变量来表示组件的状态。例如：

export class YourComponent {
  isComponentVisible: boolean = false;

  toggleComponent() {
    this.isComponentVisible = !this.isComponentVisible;
  }
}

1. 最后，在你的组件模板中，你需要使用Angular的条件指令(*ngIf)来根据组件的状态来控制组件的显示和隐藏。例如：

<your-component *ngIf="isComponentVisible"></your-component>

通过上述步骤，当你单击这一行时，toggleComponent()方法会被调用，isComponentVisible变量的值会切换，从而控制组件的显示和隐藏。

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

• 云函数 SCF（Serverless Cloud Function）：https://cloud.tencent.com/product/scf
• 云开发 CloudBase：https://cloud.tencent.com/product/tcb
• 云原生服务 TKE（Tencent Kubernetes Engine）：https://cloud.tencent.com/product/tke
• 云数据库 CDB（Cloud Database）：https://cloud.tencent.com/product/cdb