Use ViewChild for dynamic elements - Angular 2 amp; ionic 2(将 ViewChild 用于动态元素 - Angular 2 amp;离子2)
问题描述
我想使用我动态添加的多个 IonicSlides.但我不能使用 @viewChild
.请提出解决此问题的方法.
I want to use multiple IonicSlides that I added dynamically. But I can't use @viewChild
. please suggest a way to resolve this problem.
模板.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的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:将 ViewChild 用于动态元素 - Angular 2 &离子2
基础教程推荐
- Chart.js 在线性图表上拖动点 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- 直接将值设置为滑块 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01