Angular 2 ngFür über gerade/ungerade Artikel

Question

Ich habe eine Liste mit 2 Spalten, ich will die linke, gerade Indizes und rechts zu ungerade anzeigen.

Zur Zeit iteriere ich die ganze Liste für jede Spalte und filtere mit ngIf = "odd" oder even.

Kann ich ngFor nur machen und gerade oder ungerade Indizes beobachten?

Würde das die Leistung drastisch verbessern? Ich weiß nicht, wie viel von einer Last es ist, wenn die Hälfte der DOM-Elemente ng-out ist.

Die Liste ändert sich nicht häufig, aber wenn sie sich ändert, ändert sie sich vollständig.

Answer 1

Sie können ein Rohr erstellen, die nur zurückgibt odd oder even Artikel

@Pipe({ name: 'evenodd' }) 
export class EvenOddPipe implements PipeTransform { 
    transform(value:any[], filter:string) { 
    if(!value || (filter !== 'even' && filter !== 'odd')) { 
     return value; 
    } 
    return value.filter((item, idx) => filter === 'even' ? idx % 2 === 1 : idx % 2 === 0); 
    } 
} 

und verwenden Sie es wie

<div *ngFor="let item of items | evenodd:'even'"></div>  
<div *ngFor="let item of items | evenodd:'odd'"></div>