ngPour utiliser ngClass sur les lignes et les colonnes

Je suis en utilisant Angular2 et ses ngFor. Je veux ajouter une classe à l'étrange, et même les lignes, afin que je puisse les séparer visuellement par la couleur.

Voici mon code (qui ne fonctionne pas vraiment):

<div *ngFor="#meeting of meetingList; #index=index; #odd=odd; #even=even;"
  class="row"
  [ngClass]="{ odd: odd, even: even }
">
  <div class="col"></div>
  <div class="col"></div>
</div>

Bien que si je fais comme ça, le code fonctionne:

<div *ngFor="#meeting of meetingList; #index=index; #odd=odd; #even=even;"
  class="row"
">
  <div class="col" [ngClass]="{ odd: odd, even: even }"></div>
  <div class="col" [ngClass]="{ odd: odd, even: even }"></div>
</div>

Est-il une meilleure façon de mettre de la classe à la ligne au lieu de colonnes? Je vous remercie à l'avance.

source d'informationauteur be-codified

  1. 28

    Votre premier exemple de code fonctionne bien Plunker exemple

    @Component({
  selector: 'my-app',
  styles: [`
    .even { color: red; }
    .odd { color: green; }
    `],
  template: `
  <h2>Hello {{name}}</h2>
  <div *ngFor="let meeting of meetingList; let index=index; let odd=odd; let even=even;"
      class="row"
      [ngClass]="{ odd: odd, even: even }">{{meeting}}
    <div class="col"></div>
    <div class="col"></div>
  </div>
`
})
export class App {
  meetingList = ['a', 'b', 'c'];
}

    ngPour utiliser ngClass sur les lignes et les colonnes

  2. 2

    laissez-index=index;

    puis sur [index] = index;

    puis [classe.odd] = "index%2";

  3. 1

    a fonctionné pour moi 

    <ion-card *ngFor ="let item of itemsCat; let odd=odd; let even=even " [ngClass]="{ odd: odd, even:even}" >
.....
</ion-card>