angular - 如何使用我的 CSS 和 Angular 类更改点的颜色

Question

我有 3 个文件夹：CSS、HTML 和 TypeScript。

我希望我的点根据级别改变颜色。我的颜色在 CSS 中。

1 级：黄色 2 级：绿色 3 级：蓝色 4 级：红色

标签： angular

Answer 1

使用 ngClass 如下

<ul *ngFor="let person of people">
  <li [ngClass]="{
    'text-success':person.country === 'UK',
    'text-primary':person.country === 'USA',
    'text-danger':person.country === 'HK'
  }">{{ person.name }} ({{ person.country }})
  </li>
</ul>

参考https://codecraft.tv/courses/angular/built-in-directives/ngstyle-and-ngclass/