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
  }