ポップアップの入力フィールドの検証とポップアップの表示Ionic

Question

私はCordova Ionicアプリケーションを作成しています。ポップアップで入力フィールドにバリデーションを適用するにはどうすればよいですか？私は2つのフィールド：幅と高さを持っています。両方のフィールドで検証を適用したいと思います。

検証は次のようになります。

MIN値：10ミリメートル
最大値：ポップアップの表示は、（Androidのタブレットの下に与えられた画像）のようである理由

はまた、私は認識していないよ千ミリメートル。入力フィールドは表示されません。キーボードが開いているときにボタンは消えてしまいます。

キーボードが開いていない。

キーボードが開いているとき：私が正しく理解していれば

Answer 1

は、あなたがのための最大値と最小値を設定したいです入力フィールド。あなたは、次の手順を実行して、HTMLでこれを達成することができます

<input name="width" type="number" min="10" max="1000"> 

ます。また、入力の変化を検出するためにAngular's ngChange directiveを使用して、10を下回るまたは1000上に行くからユーザーを禁止することができ、ここで（不完全）の例である：

コントローラ

$scope.input = { 
    width: 10, 
    height: 10 
}; 

$scope.inputChanged = function(input) { 
    if(input >= 10 && input <= 1000) { 
    // This is valid input and should be left untouched. 
    } else if(input < 10) { 
    // If it is lower, set it to 10. 
    } else if(input > 1000) { 
    // If it is higher, set it to 1000. 
    } 
}; 

ビュー

上記の例は、JavaScriptを使用する必要はないと思っているだけで不完全です。あなたが探しているものによってはHTMLで十分です。さらに、ユーザーが値を送信してエラーを表示したときに入力を検証することもできます。