2016-10-13 19 views
1

私はIonic2とangular2で新しいです。イオン2、イオン選択、ユーザクリア選択

私はイオン選択プラグインを使用しています。このプラグインでは、ラジオボタンによるオプションリスト、および「送信」ボタン(OKとキャンセル)が表示されます。

「選択をクリア」という3番目のオプションをユーザーに表示させたいと考えています。 このプラグインはこの機能をサポートしていますか?そうでない場合、それを行う最善の方法は何ですか?

答えて

1

ポップアップを選択するためのボタンを追加する方法はありません。 https://ionicframework.com/docs/v2/api/components/select/Select/ - ボタンのテキストを設定できます。

AlertControllerを使用する必要があります。ボタンを作成することができます。ここでは良い例です: https://github.com/driftyco/ionic-preview-app/blob/master/src/pages/alerts/radio/pages.ts

let alert = this.alertCtrl.create(); 
alert.setTitle('Lightsaber color'); 

alert.addInput({ 
    type: 'radio', 
    label: 'Blue', 
    value: 'blue', 
    checked: true 
}); 

alert.addInput({ 
    type: 'radio', 
    label: 'Green', 
    value: 'green' 
}); 

alert.addButton('Cancel'); 
alert.addButton({ 
    text: 'Ok', 
    handler: data => { 
    console.log('Radio data:', data); 
    this.testRadioOpen = false; 
    this.testRadioResult = data; 
    } 
}); 

alert.present().then(() => { 
    this.testRadioOpen = true; 
}); 

残念ながら第三ボタンは、アラートUIが破損しますので、あなたはそれを修正するためにいくつかのCSSを作成する必要があります。

関連する問題