将ViewChild用于动态元素 - Angular 2&离子2

时间:2018-02-01 12:02:17

标签: javascript angular ionic2 viewchild

我想使用多个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不是函数

1 个答案:

答案 0 :(得分:7)

使用@ViewChildren代替@ViewChild Read More

  

@ViewChild

     

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

     

@ViewChildren

     

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