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

Question

我正在尝试从 Ionic 2 上的组合框中获取所选项目，但我不知道如何操作，因为我无法在组合框所在的 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>

Answer 1

您可以在上面查看所选项目的id

this.categorias

等于

SELECTED_cates.idCategoria

对于设置离子选项的值，只需使用括号

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

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

this.value = "something"

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

this.value = this.something

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

(ionChange)="methodname()"