Angular 如何计算离子选择子项(离子选项)?
是否可以计算离子选择内的离子选项Angular 如何计算离子选择子项(离子选项)?,angular,ionic2,Angular,Ionic2,是否可以计算离子选择内的离子选项 <ion-select> <ion-option></ion-option> <ion-option></ion-option> <ion-option></ion-option> </ion-select> console.log(某物)我会得到3 谢谢。差不多吧 @ViewChildren('ion-option') ionOptions:
<ion-select>
<ion-option></ion-option>
<ion-option></ion-option>
<ion-option></ion-option>
</ion-select>
console.log(某物)
我会得到3
谢谢。差不多吧
@ViewChildren('ion-option')
ionOptions: QueryList<any>;
[编辑]
对不起,我上次的回答错了
如果不想使用document.getElementById('mySelect'),还可以使用访问dom元素
因此,使用ViewChild的解决方案
myPage.html
<ion-select #mySelect>
<ion-option>Bacon</ion-option>
<ion-option>Black Olives</ion-option>
<ion-option>Extra Cheese</ion-option>
<ion-option>Mushrooms</ion-option>
<ion-option>Pepperoni</ion-option>
<ion-option>Sausage</ion-option>
</ion-select>
然后声明变量:
@ViewChild('mySelect') selectDom;
ionViewDidLoad(){
console.log(this.selectDom._options.length); // = 6 in my case
}
你为什么要数一数?我问这个也许是为了找到一个解决方法不起作用,你能得到一个关于ViewChild的例子吗?我将尝试制作一个示例给我一分钟,你看一下所有值显示后的长度吗?(在ngFor被执行之后)我认为ngFor是有效的,但在我的例子中无效,因为我使用的是异步管道,加载时viewChild计算子对象并返回零。你有解决方案吗?我需要在阵列订阅后计算离子选择孩子的数量
import { Component,ViewChild } from '@angular/core';
@ViewChild('mySelect') selectDom;
ionViewDidLoad(){
console.log(this.selectDom._options.length); // = 6 in my case
}