* ngFür das nächste Element

Question

Ich benutze Angular Cli. Also, mein html ist:

Ich muss an Funktion senden add() nicht Item aber das nächste Element. Wie kann ich anrufen? Und ich sollte aufhören, wenn der Pfeil Ende ist, um nicht

Answer 1

Wenn Items aus dem Array zu gehen, ist ein Array oder indizierte Sammlung können Sie die besondere index Variable verwenden und an Ihre Funktion übergeben:

<div *ngFor="let item of items; let i = index" (click)="add(i)"> 

Dann in Ihrer add Funktion würden Sie den Index überprüfen:

add(index: number): void { 

    let nextIndex = index + 1; 
    if(nextIndex < this.items.length) { 
     // do stuff 
    } 
    else { 
     // error: there is no next-item 
    } 
} 

das hier dokumentiert ist: https://angular.io/api/common/NgForOf

• index: number - Der Index des aktuellen Elements im iterablen.
• first: boolean - Wahr, wenn das Element das erste Element im Iterablen ist.
• - Wahr, wenn das Element das letzte Element im Iterablen ist.
• even: boolean - Wahr, wenn das Element im iterablen einen geraden Index hat.
• odd: boolean - Wahr, wenn das Element einen ungeraden Index im Iterablen aufweist.