如何在Angular 7中隐藏组件，当单击模式中的按钮时？

在Angular 7中隐藏组件并在单击按钮时，可以通过以下步骤实现：

1. 首先，在组件的HTML模板中，使用*ngIf指令来控制组件的显示和隐藏。例如，假设有一个名为"my-component"的组件，可以在模板中添加以下代码：

<my-component *ngIf="showComponent"></my-component>

1. 在组件的Typescript文件中，定义一个布尔类型的变量来控制组件的显示和隐藏。例如，可以在组件类中添加以下代码：

showComponent: boolean = true;

1. 接下来，在组件的Typescript文件中，创建一个方法来处理按钮的点击事件，并在该方法中修改showComponent变量的值。例如，可以在组件类中添加以下代码：

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

1. 最后，在组件的HTML模板中，将按钮与toggleComponent方法绑定。例如，可以在模板中添加以下代码：

<button (click)="toggleComponent()">Toggle Component</button>

这样，当单击按钮时，toggleComponent方法会被调用，showComponent变量的值会被切换，从而控制组件的显示和隐藏。

这种方法适用于需要根据用户交互来动态显示或隐藏组件的场景，例如根据用户的选择或操作来切换不同的视图或功能。

腾讯云提供了云计算相关的产品和服务，其中与Angular开发相关的产品包括：

• 云服务器（CVM）：提供可扩展的云服务器实例，用于部署和运行Angular应用。详情请参考：云服务器
• 云数据库MySQL版（CDB）：提供稳定可靠的云数据库服务，可用于存储Angular应用的数据。详情请参考：云数据库MySQL版
• 云存储（COS）：提供安全可靠的对象存储服务，可用于存储Angular应用的静态资源文件。详情请参考：云存储
• 云函数（SCF）：提供事件驱动的无服务器计算服务，可用于处理Angular应用的后端逻辑。详情请参考：云函数

以上是腾讯云提供的一些与Angular开发相关的产品，可以根据具体需求选择适合的产品来支持和扩展Angular应用。