Angular 2：解决querylist？

Question

我目前正在创建一个角度2的应用程序，但我遇到了QueryList的问题。

我如何设法从中获取价值？

我得到了一个问号：

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

到目前为止，这部分工作正常。现在我得到了这个对象：

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

现在......我只想从中得到第二个结果。

例如：setSliders [0] ---＆gt;不工作。

最好的办法是什么？

非常感谢:)。

Answer 1

有几种方法可以做到这一点。查看Angular2网站上的API文档：https://angular.io/docs/ts/latest/api/core/index/QueryList-class.html

最简单的方法：

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

Answer 2

您也可以使用它。

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

Answer 3

尝试使用map方法：

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