如何计算离子选择Childs（离子选项）？

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（＆＃39; mySelect＆＃39;）

，您还可以使用Viewchild访问dom元素

使用ViewChild的解决方案

myPage.html下

SubClass.from_file

首先在您的组件中使用它：

 <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';

Answer 2

像

这样的东西

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

然后

ionOptions.length;