如何从Ionic 2上的ComboBox中获取所选项目?

时间:2017-06-24 01:00:29

标签: php android sql ionic2

我试图从Ionic 2上的comboBox中获取所选项目,但我不知道怎么做,因为我无法在comboBox所在的html页面上拥有php代码。

ComboBox是从我从数据库中检索的数组中填充的。此外,我希望获取所选项目,以便我可以使用该项目的信息重定向到其他页面。

这是我的代码:

home.html的

<ion-list>
  <ion-item class="categorias">
    <ion-label>Seleccione Categoria</ion-label>
    <ion-select [(ngModel)]="gaming">
      <ion-option value="{{cates.idCategoria}}" *ngFor="let cates of cate">{{cates.nombreCAT}}</ion-option>
    </ion-select>
  </ion-item>
</ion-list>

1 个答案:

答案 0 :(得分:1)

您可以在

上查看所选项目的ID
this.categorias

将等于

SELECTED_cates.idCategoria

另外,设置ion-option的值只需使用括号

<ion-option [value]="cates.idCategoria" ...etc ></ion-option>

如果你使用value =“something”,它将使用字符串“something”设置值,如

this.value = "something"

当您使用带括号的[value] =“something”时,它会将其设置为。您应该阅读有关angular2绑定如何工作的更多信息。

this.value = this.something

最后,如果您希望在选择时立即执行操作,请使用

(ionChange)="methodname()"