angular - 在ngFor中提供事件类onclick on angular 2

嗨，我有一个无序的名单，他们都有活跃的班级。我想在单击任何列表项时切换活动类。我的代码是这样的

<ul class="sub_modules">
  <li *ngFor="let subModule of subModules" class="active">
    <a>{{ subModule.name }}</a>
  </li>
</ul>

有人能帮我吗？

最佳答案

你可以这样做：

<ul class="sub_modules">
  <li (click)="activateClass(subModule)"
      *ngFor="let subModule of subModules"
      [ngClass]="{'active': subModule.active}">
    <a>{{ subModule.name }}</a>
  </li>
</ul>

在组件上

activateClass(subModule){
  subModule.active = !subModule.active;
}

在ng类上，第一个属性是要添加的类，第二个是条件；

关于angular - 在ngFor中提供事件类onclick on angular 2，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44286941/