将ngClass添加到所有单击的div中

ngClass是Angular框架中的一个指令，用于动态地添加或移除CSS类。通过ngClass，我们可以根据条件在HTML元素上添加或移除一个或多个CSS类。

ngClass的语法如下：

<div [ngClass]="{'class-name': condition}">
  <!-- 内容 -->
</div>

其中，'class-name'是要添加或移除的CSS类名，condition是一个布尔表达式，如果为true，则添加该类名；如果为false，则移除该类名。

ngClass的优势在于它可以根据不同的条件动态地改变元素的样式，使得我们可以根据用户的交互或其他动态变化来改变页面的外观和行为。

应用场景：

1. 根据用户的操作状态来改变按钮的样式。
2. 根据数据的状态来改变列表项的样式。
3. 根据表单的验证状态来改变输入框的样式。

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

腾讯云提供了丰富的云计算产品和服务，其中与前端开发相关的产品包括云服务器、云函数、云存储等。您可以通过以下链接了解更多信息：

1. 云服务器（CVM）：提供可扩展的计算能力，支持多种操作系统和应用场景。了解更多：https://cloud.tencent.com/product/cvm
2. 云函数（SCF）：无需管理服务器即可运行代码，支持事件驱动的无服务器架构。了解更多：https://cloud.tencent.com/product/scf
3. 云存储（COS）：安全可靠的对象存储服务，适用于图片、音视频、文档等各种类型的文件存储。了解更多：https://cloud.tencent.com/product/cos

通过使用这些腾讯云产品，您可以构建稳定、高效的前端应用程序，并实现灵活的样式变化和交互效果。