代码之家 › 专栏 › 技术社区 › Khaled Ramadan

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

ionic2 angular

2

Khaled Ramadan · 技术社区 · 8 年前

可以计算离子选择中的离子选项吗?

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

console.log(something) 我会得到3个?

谢谢

2 回复 | 直到 8 年前

1

2

carton 8 年前

[编辑] 对不起,我上次的回答错了。

您还可以使用 Viewchild 如果不想使用document,请访问dom元素。getElementById('mySelect')

因此,使用ViewChild的解决方案

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

2

0

ForestG 8 年前

类似于

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

然后

ionOptions.length;