2
ラジオボタンオプション付きのイオニア警告があり、ユーザーが選択するまで[OK]ボタンを無効にしたいとします。 this postに非常に似て、私は私のセットアップは、以下の入力選択がない場合にIonic> = 2アラートボタンを有効/無効にする方法
import { AlertController } from 'ionic-angular';
export class MessageService {
constructor(private alertCtrl: AlertController) {
}
presentAlert() {
let alert = this.alertCtrl.create();
alert.addInput({
type: 'radio',
label: 'Option 1',
value: 'value1',
checked : false
});
alert.addInput({
type: 'radio',
label: 'Option 2',
value: 'value2',
checked : false
});
alert.addButton('Cancel');
alert.addButton({
text: 'Ok',
handler: data => {
}
});
alert.present();
}
}
ようになるので、警告自体からの行動でそれを行うと、ボタン「enabledness」を更新できるようにしたい除いて、私は[OK]ボタンをしたいと思います最初は無効にすることができますが、ユーザーが選択するとすぐに有効になります。イオン選択でもアラートが使用されるため、同じものを使用することができればよいでしょう。
これは可能ですか?これを行う簡単な方法はありますか?
ご協力いただきありがとうございます。
http://ionicframework.com/docs/api/components/alert/AlertController/ここで、 'buttons options'セクションには' cssClass'というボタンのオプションプロパティがあります。今、ブラウザ上で、私はあなたが 'cursor:not-allowed'をボタンに与えると、無効な動作をすることを発見しました。これについてはわかりませんが、ボタンにプログラムで割り当てられたこのプロパティを使用してcssクラスを操作できますか?また、cssやDOMを使ってボタンを無効/有効にできるかどうか検索します。仕事ができました。 –
ボタンのHTMLは何ですか?現在は? –