2017-09-16 9 views
3

ラジオボタンのアラートに12を超えるオプションが含まれていて、変数値と等しいオプションをチェックしたいとします。Ionic 2でラジオボタンアラートの値を設定する方法

4つ以下のオプションでこのことを行ったif文を使用しました。しかし、今私は12以上の選択肢を持っていますので、私の変数の値をチェックし、等価なオプションを選択する方が簡単な方法があることを望みます。これは私がより良い方法は、アラートのラジオボタンを(もしあれば)選択したい私のhtmlの一部

<button ion-button clear full (click)="selectColor(x.color)">{{x.color}}</button> 

.TS機能(ある

---編集--- )

selectColor(color){ 
    let alert1 = this.alertCtrl.create(); 
alert1.setTitle('Color Theme'); 
    if(color=="red"){ 
     alert1.addInput({ 
      type: 'radio', 
      label: 'Red', 
      value: 'red', 
      checked: true 
     }); 
    }else{ 
     alert1.addInput({ 
      type: 'radio', 
      label: 'Red', 
      value: 'red', 
     }); 
    } 
    if(color=="pink"){ 
     alert1.addInput({ 
      type: 'radio', 
      label: 'Pink', 
      value: 'pink', 
      checked: true 
     }); 
    }else{ 
     alert1.addInput({ 
      type: 'radio', 
      label: 'Pink', 
      value: 'pink' 
     }); 
    } 
    if(color=="purple"){ 
     alert1.addInput({ 
      type: 'radio', 
      label: 'Purple', 
      value: 'purple', 
      checked: true 
     }); 
    }else{ 
     alert1.addInput({ 
      type: 'radio', 
      label: 'Purple', 
      value: 'purple' 
     }); 
    } 
    if(color=="blue"){ 
     alert1.addInput({ 
      type: 'radio', 
      label: 'Blue', 
      value: 'blue', 
      checked: true 
     }); 
    }else{ 
     alert1.addInput({ 
      type: 'radio', 
      label: 'Blue', 
      value: 'blue' 
     }); 
    } 
    ... 
alert1.addButton('Cancel'); 
alert1.addButton({ 
    text: 'Okay', 
    handler: data => { 
      ... 
    } 
}); 
alert1.present(); 
} 
+0

ポストにコードを追加してください。 – sebaferreras

+1

@sebaferrerasはい私はしました。私は警告のラジオボタンをチェックするために私の長い道のりをしましたが、私は10または12以上のラジオボタンを持っている場合に私を助けるための短い方法があることを願って –

+0

ありがとう、私の答えを見てください:) – sebaferreras

答えて

関連する問題