用于ngFor的ngClass指令

要在ngFor循环中使用ngClass指令，可以通过以下步骤解决：

1. 导入ngClass指令： 在组件的顶部导入ngClass指令：

   import { NgClass } from '@angular/common';
   

2. 在组件的模板中使用ngFor循环和ngClass指令：

   <ul>
     <li *ngFor="let item of items" [ngClass]="{'active': item.isActive}">
       {{ item.name }}
     </li>
   </ul>
   

3. 定义items数组和每个item的isActive属性： 在组件的类中定义items数组和每个item的isActive属性：

   export class AppComponent {
     items = [
       { name: 'Item 1', isActive: true },
       { name: 'Item 2', isActive: false },
       { name: 'Item 3', isActive: true }
     ];
   }
   

4. 添加CSS样式： 在组件的样式文件中添加CSS样式，以对应ngClass指令中的class名称：

   .active {
     color: red;
     font-weight: bold;
   }
   

这样，ngFor循环将根据每个item的isActive属性动态地为每个li元素添加或删除active类。