设置默认值来选择

我想设置一个默认值离子选择选项，在单选按钮“否”被点击。设置默认值来选择

<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

设置默认值来选择

回答

相关问题