如何计算离子选择子项(离子选项)

Question

是否可以计算离子选择中的离子选项？

<ion-select>
  <ion-option></ion-option>
  <ion-option></ion-option>
  <ion-option></ion-option>
</ion-select>

console.log(something)，我会得到 3 ？

谢谢。

Answer 1

[编辑]对不起，我的最后一个答案是错误的。

如果您不想使用 document.getElementById('mySelect'(，您也可以使用 Viewchild 访问 dom 元素

所以解决方案与视图儿童

我的页面.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>

首先在组件中使用它：

import { Component,ViewChild } from '@angular/core';

然后声明你的变量：

@ViewChild('mySelect') selectDom;
 ionViewDidLoad(){
      console.log(this.selectDom._options.length); // = 6 in my case
  }

Answer 2

类似

 @ViewChildren('ion-option')
  ionOptions: QueryList<any>;

然后

ionOptions.length;