将ViewChild用于动态元素-Angular 2&离子2 [英] Use ViewChild for dynamic elements - Angular 2 & ionic 2
问题描述
我想使用多个动态添加了thease的 IonicSlides ,所以我不能使用viewChild.请提出解决此问题的方法.
I want use multiple IonicSlides that I added thease dynamically, So I can't use viewChild . please suggest a way for this problem.
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不是函数
_this.slides.toArray is not a function
推荐答案
使用 @ViewChildren
代替 @ViewChild
,
Use @ViewChildren
instead of @ViewChild
, Read More
@ViewChild :
您可以使用ViewChild获取第一个元素或指令匹配视图DOM中的选择器.
You can use ViewChild to get the first element or the directive matching the selector from the view DOM.
@ViewChildren :
您可以使用ViewChildren获取元素的QueryList或DOM中的指令.
You can use ViewChildren to get the QueryList of elements or directives from the view DOM.
这篇关于将ViewChild用于动态元素-Angular 2&离子2的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!