如何使用angular5设置奇偶颜色

如何使用angular5设置奇偶颜色,angular,less,ngfor,Angular,Less,Ngfor,一、 这是我的日历小时模板: {heure}H ngFor指令提供的偶数和奇数变量基于currentElement索引。对于您的情况,您应该根据(heure%2)计算结果设置奇数和偶数值 <ul class="heure" *ngFor="let heure of libelleTranche" [ngClass]="{ odd: (heure%2 == 0), even: heure %2 == 1 } "> <li >{{ heure }} H

一、 这是我的日历小时模板:

  • {heure}H

  • ngFor
    指令提供的
    偶数
    奇数
    变量基于currentElement
    索引
    。对于您的情况,您应该根据
    (heure%2)
    计算结果设置
    奇数
    偶数

    <ul class="heure" 
      *ngFor="let heure of libelleTranche" 
      [ngClass]="{ odd: (heure%2 == 0), even: heure %2 == 1 } ">
        <li >{{ heure }} H</li>
    </ul>
    
    • {heure}H

      {{heure}}H