html - TimeLine -- 单击时更改颜色

Question

我正在尝试实现一个时间线，但是当我单击其中一种不同的状态时，我无法更改颜色:( 有谁知道我的问题是什么或我该怎么做？

这个想法是为不同的状态分配不同的颜色，但它不起作用:(

在图像中，我留下了一个我想要得到的例子。

非常感谢

HTML

<ul>
  <li [ngClass]="priority['isComplete']?'complete':''" *ngFor="let priority of Priorities; let  p = index;" (click)="changeTimeline(priority.id)">{{priority.id}}</li>
</ul>  

标签： htmlcssangulartypescript

Answer 1

假设当您单击活动状态时，所有其他状态都应更改为非活动状态，我在您的 StackBlitz 上工作，为您提供有关如何完成此操作的想法。

请查看分叉的StackBlitz。