設置默認值來選擇

我想設置一個默認值離子選擇選項，在單選按鈕「否」被點擊。設置默認值來選擇

<ion-select class="brand" name="selectBrand" [(ngModel)]="selectBrand" required> 
    <ion-option *ngFor="let brand of Brand;" [value]="brand.val">{{brand.name}}</ion-option> 
</ion-select> 

<ion-col> 
    <ion-list radio-group name="checkBox" [(ngModel)]="autoManufacturers"> 
     <ion-item> 
      <ion-label>Yes</ion-label> 
       <ion-radio [value]="true"></ion-radio> 
     </ion-item> 
     <ion-item> 
      <ion-label>No</ion-label> 
      <ion-radio (ionSelect)="radioChecked()" [value]="false"></ion-radio> 
     </ion-item> 
    </ion-list>

所以，當我在單選按鈕「否」點擊我需要一個默認的陣列[1]是的地方。

Brand = [ 
     { 
      "name": "Avin", 
      "val" : "Avin" 
     }, 
     { 
      "name": "Amul", 
      "val" : "Amul" 
     }, 
     { 
      "name": "Arokya", 
      "val" : "Arokya" 
     }, 
     { 
      "name": "Thirumala", 
      "val" : "Thirumala" 
     }];   



radioChecked(){ 
     console.log("hi"); 
    selectBrand = this.Brand[0]; 
}

當我嘗試這樣做我得到空值，可能有人幫助我

來源

2017-07-25 Yokesh Varadhan

使用'this.selectBrand = this.Brand [0];' – PierreDuc

如果我使用this.selectBrand我正在錯誤''錯誤' 消息：'屬性'selectBrand'在類型'MilkModifyDataPage'上不存在。' at：'95，8' source：'ts'「@PierreDuc –

然後，我建議您將該屬性添加到您的組件，並且不要使用'name =」selectBrand「' – PierreDuc

就像@PierreDuc說，在評論，請使用屬性從頁面來保存所選的值，這樣你就可以用默認值初始化它。

組件的代碼：

@Component({...}) 
export class YourPage { 

    public selectedBrandValue: any; 

    // ... 

    constructor(...) { 
    // Initialize the select with the first value by default 
    this.selectedBrandValue = this.Brand[0].val; 
    } 

    // ... 

}

檢視：

<ion-select class="brand" [(ngModel)]="selectedBrandValue" required> 
    <ion-option *ngFor="let brand of Brand;" [value]="brand.val">{{brand.name}}</ion-option> 
</ion-select>

來源

2017-07-25 13:08:35 sebaferreras

設置默認值來選擇

回答

相關問題