css - Angular 2 - 动态更改后 CSS 元素

Question

我们正在我们的网络应用程序中处理工作流元素，但在尝试更新背景颜色以指示完成时遇到了问题。工作流栏是一个矩形，右侧有一个横向三 Angular 形。三 Angular 形是通过 CSS 构建的伪元素，类似于:

.navwizard > li > a:after { 
    ....
    background-color:#eeeeee,
    ....
}

我们想在状态更改后更新背景颜色以指示成功，但我不确定如何在 Angular 2 的范围内执行此操作。有什么方法可以执行此操作吗？

Answer 1

您可以在完成后将成功类应用于您的 .navwizard 元素

.navwizard.success > li > a:after {
    background-color: green;
}

您可以使用 ngClass 指令应用此类 https://angular.io/api/common/NgClass