如何在离子中获得选择值

Question

选择选项时，其值将存储在变量中，如何获取值

driver.html

 <ion-item>
    <ion-select interface = "popover">
      <ion-option *ngFor="let cg of routeData; let i = index;" value="{{i}}">{{cg.routeName}}</ion-option>
    </ion-select>
  </ion-item>

driver.ts

getRoute() {
    this.storage.get('token').then((tkn) => {
      this.headers.token = tkn;
      console.log("token Data: " + this.headers.token);
      this.driverProvider.getRoute(this.headers)
        .then(result => {
          if (JSON.parse(result.text()).response == "OK") {

            this.routeData = JSON.parse(result._body).stops;

            console.log("Route Name : " + JSON.stringify(this.routeData))  ;
          } else {
            this.err = JSON.parse(result.text()).res;
          }
        }, (err) => {
          console.log("Error is: " + err);
        });

    });

  }

输出：

Answer 1

给ngModel进行离子选择，如

<强> HTML

<ion-select interface = "popover">
     <ion-option *ngFor="let cg of routeData; let i = index;" value="{{i}}" (ionChange)="routeNameChanged(i,cg.routeName)">
         {{cg.routeName}}
     </ion-option>
</ion-select>

<强> TS

export class ListPage 
{
    routeModel = "";
    constructor()
    {}
}

routeNameChanged(index,name)
{
  console.log(index+"=>"+name);
}