将ViewChild用于动态元素-Angular 2和ionic 2

Question

我想使用动态添加了thease的多个IonicSlides，所以不能使用viewChild。请提出解决此问题的方法。

Template.html：

<div *ngFor="let name of title;let i = index;">

    <ion-slides  id="something" #slides  >
        //some code
    </ion-slides>
</div

Component.ts：

  @ViewChild('slides') slides: QueryList<Slides>;

  ....

  ngAfterViewInit(){



        setTimeout( ()=>{

         alert(this.slides.toArray()); //this line rise error 


        },3000);


  }

错误：

_this.slides.toArray不是函数

Answer 1

使用@ViewChildren代替@ViewChild，了解更多

@ViewChild：

您可以使用ViewChild从视图DOM中获取与选择器匹配的第一个元素或指令。

@ViewChildren：

您可以使用ViewChildren从视图DOM获取元素或指令的QueryList。