2017-04-16 18 views
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]ボタンをしたいと思います最初は無効にすることができますが、ユーザーが選択するとすぐに有効になります。イオン選択でもアラートが使用されるため、同じものを使用することができればよいでしょう。

これは可能ですか?これを行う簡単な方法はありますか?

ご協力いただきありがとうございます。

+0

http://ionicframework.com/docs/api/components/alert/AlertController/ここで、 'buttons options'セクションには' cssClass'というボタンのオプションプロパティがあります。今、ブラウザ上で、私はあなたが 'cursor:not-allowed'をボタンに与えると、無効な動作をすることを発見しました。これについてはわかりませんが、ボタンにプログラムで割り当てられたこのプロパティを使用してcssクラスを操作できますか?また、cssやDOMを使ってボタンを無効/有効にできるかどうか検索します。仕事ができました。 –

+0

ボタンのHTMLは何ですか?現在は? –

答えて

0

私は遅れるかもしれませんが、これは私のために働いた。

var bool=true; 

、その後addInput

disable:bool 

私はそれをこのようにしなければならなかった理由はわからないが、それは動作します。

関連する問題