如何在angular (6+)中动态设置css after effects？

在Angular中动态设置CSS after效果，可以通过使用Angular的样式绑定功能和JavaScript的classList属性来实现。

步骤如下：

1. 在组件的HTML模板中，使用样式绑定将动态设置的类名绑定到元素上。例如：

<div [ngClass]="{'dynamic-effect': isActive}"></div>

上面的代码中，isActive是一个组件中的布尔变量，dynamic-effect是一个动态添加的类名。

1. 在组件的TypeScript文件中，定义isActive变量并控制其值的变化。例如：

isActive: boolean = false;

toggleEffect() {
  this.isActive = !this.isActive;
}

上面的代码中，isActive变量初始值为false，可以在需要的时候通过toggleEffect方法来改变其值。

1. 在组件的CSS文件中，定义相应的样式。例如：

.dynamic-effect::after {
  content: 'Dynamic CSS After Effect';
  color: white;
  background-color: red;
  /* 其他样式属性 */
}

上面的代码中，.dynamic-effect::after选择器用于定义动态效果的样式，可以根据需要添加其他样式属性。

通过以上步骤，当isActive变量的值为true时，动态添加的.dynamic-effect类将生效，从而实现在Angular中动态设置CSS after效果。

在腾讯云的产品中，可以使用腾讯云的云服务器（CVM）来部署和运行Angular应用。可以通过以下链接了解腾讯云云服务器的相关产品和介绍：

• 腾讯云云服务器产品页面
• 腾讯云云服务器介绍
• 腾讯云云服务器购买指南