如何在離子選擇2中選擇第一個選項。選擇的屬性不起作用

Question

我試圖從<ion-select>中選擇第一個值，但它不起作用。它在第一（變量）中給出了真實。如果我在循環中打印它。它通常像我想的那樣工作。

dashboard.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> 

dashboard.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（）從CONSTRU功能構造函數。

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) { 
      //...