Angular 2: Querylist auflösen?

Question

Ich erstelle derzeit eine angular 2 App, aber ich stieß auf Probleme mit QueryList.

Wie schaffe ich es, Werte daraus zu bekommen?

Ich erhalte die Querylist mit:

@ViewChildren('setSlider') setSliders: QueryList<Slides>; 

Dieser Teil bisher gut funktioniert. Jetzt habe ich dieses Objekt:

QueryList {_dirty: false, _results: Array[4], _emitter: EventEmitter} 

Und jetzt .. Ich möchte nur das zweite Ergebnis daraus zu bekommen.

Zum Beispiel: setSliders [0] ---> funktionieren nicht.

Was ist der beste Weg, das zu tun?

vielen Dank :)

Answer 1

Es gibt ein paar Möglichkeiten, dies zu tun. Check out API-Dokumentation auf Angular2 Website: https://angular.io/docs/ts/latest/api/core/index/QueryList-class.html

Der einfachste Weg:

let secondSlide = this.setSliders.toArray()[2] 

Answer 2

Sie können dies auch nutzen.

ngAfterViewInit() { 
    console.log(this.setSliders.toArray()); 
    this.setSliders.changes.subscribe(val => console.log(this.setSliders.toArray()); 
} 

Answer 3

versuchen die Karte Methode:

this.setSliders.map(slider => console.log(slider.nativeElement));