我正在尝试实现一个时间轴，但是当我单击不同状态之一时，我无法更改颜色:(有人知道我的问题是怎么解决的吗？
这个想法是给不同的状态分配不同的颜色，但是没有用：（
在图像中，我举例说明了我想要获得的东西。
非常感谢您
HTML
<ul>
<li [ngClass]="priority['isComplete']?'complete':''" *ngFor="let priority of Priorities; let p = index;" (click)="changeTimeline(priority.id)">{{priority.id}}</li>
</ul>
答案 0 :(得分：1)
假设当您单击活动状态时，所有其他状态都应更改为非活动状态，我在您的StackBlitz上进行了工作，以向您介绍如何实现此目的。
请查看分叉的StackBlitz。
答案 1 :(得分：0)
在项目中，没有名称为：complete的CSS类。您应该修改优先级模型并添加颜色字段，该颜色字段告诉我们按钮完成后应该是哪种颜色。然后使用[style.background]将颜色设置为按钮。使用此解决方案时，您不必为每种背景色添加单独的CSS单独的类。