Angular 2 set boolean am Ende der Iteration mit * ngFor

Question

Ich lade einige Daten über Rest-Endport, um es in einem Array zu sichern. In einer * ngFor-Anweisung durchlaufe ich gerade alle diese Daten. Also alles funktioniert.

Gibt es einen möglichen Weg in Angular zu z.B. setze einen booleschen Wert, wenn die Iteration des Arrays beendet ist (so dass ich eine weitere Funktion auslösen kann)?

- bearbeitet -

Auf der ngOnInit Lifecycle-Methode i die Daten am retreiving:

ngOnInit() { 
    this.restService.getSomeBooks(5000).subscribe(buch => { 
    this.buecher = buch; 
    this.fetched = true; 
    }) 
} 

Danach - in HTML - Ich bin iterieren diesen Daten:

<table> 
 
     <thead>some table-heads</thead> 
 
     <tbody> 
 
     <tr style="text-align: center" *ngFor="let buchforTable of buecher"> 
 
     <td>{{buchforTable.author}}</td> 
 
     <td>{{buchforTable.erscheinungsdatum}}</td> 
 
     <td>{{buchforTable.isbn.toString()}}</td> 
 
     <td>{{buchforTable.verlag}}</td> 
 
     <td>{{buchforTable.uuid}}</td> 
 
     </tr> 
 
     </tbody> 
 
    </table>

Die * ngFor-Iteration sollte immer eine boolesche Variable setzen.

Answer 1

Wie Alex Po bereits erwähnt, funktioniert TrackBy. Wie Sie im folgenden Ausschnitt sehen können, ist es mit trackBy möglich, Ereignisse basierend auf dem aktuellen Index der Iteration zu behandeln.

<tbody> 
 
    <tr style="text-align: center" *ngFor="let buchforTable of buecher; trackBy: trackByFn"> 
 
    <td>{{buchforTable.author}}</td> 
 
    <td>{{buchforTable.erscheinungsdatum}}</td> 
 
    <td>{{buchforTable.isbn.toString()}}</td> 
 
    <td>{{buchforTable.verlag}}</td> 
 
    <td>{{buchforTable.uuid}}</td> 
 
    </tr> 
 
</tbody>

Um die Zeit des Rendering-Prozesses aller zu messen Array-Objekte die trackBy-Funktion würde wie folgt aussehen (Array enthält 5000 Objekte hier -> Index 0-4999):

trackByFn(index){ 
    if(index == 0) 
     this.renderStart = performance.now(); 
    if(index == 4999) { 
     var renderStopp = performance.now(); 
     var timeToRender = renderStopp - this.renderStart; 
    } 
    }