如何在离子2选择中选择第一个选项.所选属性不起作用

Question

我正在尝试从<ion-select>中选择第一个值，但它不起作用。它在第一(变量(中给出真。如果我循环打印它。我猜它通常是这样工作的。

仪表板.html

<ion-list>
<ion-item *ngIf="locations != null">
  <ion-label>Location</ion-label>
  <ion-select name="locSelect" #newSelect [(ngModel)]="location" (ionChange)="changeStock(location)">
    <ion-option value="{{loc.id}}" *ngFor="let loc of locations let first = first; let last = last; let i = index;" [selected]="first">{{loc.location_name}}</ion-option>
  </ion-select>
</ion-item>

仪表板.ts

getLocations(id) {
      this.catService.getLocations(id, this.user.apiToken, this.user.role_id).then(result => {
            this.locations = result;
            if(this.user.role_id == 2) {
                this.getDailyItemLogAdmin(this.firstLocationID, this.user.id);
            }else if(this.user.role_id == 3) {
                this.getDailyItemLogManager(this.firstLocationID, this.user.id);
            }
      })
  }

我从构造函数调用上面的getLocations((函数。

Answer 1

在您的 dashboard.ts 中，尝试将 ngModel 变量location设置为第一个位置。

this.catService.getLocations(id, this.user.apiToken, this.user.role_id).then(result => {
            this.locations = result;
            this.location=this.locations[0].id;//here
            let breakIt = false;
            for (let key in this.locations) {
            //...