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>  

Answer 1

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

请查看 fork 的 StackBlitz .