同时使用class和ngClass

是在Angular框架中控制元素样式的一种常见方式。

class是HTML中的一个属性，用于为元素添加一个或多个CSS类。通过在class属性中指定一个或多个类名，可以为元素应用相应的样式。

ngClass是Angular中的一个指令，用于动态地为元素添加或移除CSS类。ngClass指令可以接受一个对象、一个字符串、一个数组或一个函数作为参数。根据参数的不同类型，ngClass指令会根据条件动态地为元素添加或移除相应的CSS类。

使用class和ngClass的组合可以实现更灵活的样式控制。通过class属性可以为元素添加静态的CSS类，而通过ngClass指令可以根据动态条件为元素添加或移除CSS类。

优势：

1. 灵活性：使用class和ngClass的组合可以根据不同的条件动态地控制元素的样式，使页面具有更好的交互性和可定制性。
2. 可读性：通过在HTML模板中使用class和ngClass，可以清晰地表达元素的样式控制逻辑，提高代码的可读性和可维护性。
3. 可复用性：通过定义不同的CSS类和ngClass条件，可以在多个元素中复用相同的样式控制逻辑，减少代码的重复性。

应用场景：

1. 根据用户的登录状态动态改变导航栏的样式。
2. 根据表单输入的有效性动态改变输入框的样式。
3. 根据数据的状态动态改变列表项的样式。

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

1. 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
2. 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
3. 腾讯云云数据库MySQL版（TencentDB for MySQL）：https://cloud.tencent.com/product/cdb_mysql
4. 腾讯云云存储（COS）：https://cloud.tencent.com/product/cos
5. 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai