Angularjsを使用して入力タイプ番号に空の値を割り当てる方法は？

入力タイプ番号があります。 ng-modelがnullまたは空または未定義の場合は、デフォルト値1を設定します。それはうまく動作します。同じページには、送信ボタンがあります。このボタンをクリックすると、検証に失敗したためにfalseを返すだけです。しかし、検証が失敗した後に戻るとき。ドロップダウン（入力タイプ番号）に空の値が表示されます。私はng-modelの値をチェックします、それは空です。Angularjsを使用して入力タイプ番号に空の値を割り当てる方法は？

したがって、値が適切でない場合は、デフォルトで1に設定します。

<input type="number" step="1" min="1" onkeypress="return (event.charCode == 8 || event.charCode == 0) ? '': event.charCode >= 48 && event.charCode <= 57" id="train_n_file" 
              ng-init="item.n_fold = item.n_fold || 1" ng-model="item.n_fold" ng-disabled="item.train_select=='training_time_range'" style="margin-top: -2px;" class="input-div" value="{{1}}"> 


<md-button ng-click="schedule_event()" type=submit id="step-btn" class="build-model md-raised step-btn md-primary md-button md-ink-ripple"> Schedule </md-button> 


$scope.schedule_event = function() { 
    if (some condition) { 
     $scope.showAlert('Please pick schedule frequency.'); 
     return false; 
    }

出典

2017-06-14 vivek nuna

は、なぜあなたは 'そこにonkeypress'ことがありますか？ 'type =" number "を設定すると、数値以外の値の入力を防ぐことができます。 'ng-model'を使用している場合は、' value'属性を持たないようにしてください。このようなサウンドのほとんどは、モデルやコントローラーで処理する必要があります。 –

@MikeMcCaughan私はすべてを試していました。 –

''フィールド値をチェックし、必要な検証を行い、 ''フィールドの 'model'値を更新する指令を作成してみてください。 – himanshu

編集は：

これはトリックを行うだろう。 ng-initは、ng-modelの値を初期化するために使用されます。

var app = angular.module('myApp', []); 
 

 
app.controller('inputCtrl', ['$scope', function($scope) { 
 
    $scope.item = undefined; 
 
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <title>plnkr</title> 
 

 
    <body ng-app="myApp"> 
 
    <div class="row"> 
 
     <div ng-controller="inputCtrl"> 
 
     <input type="number" step="1" min="1" ng-model="item" ng-init="item = 10" /> 
 
     </div> 
 
    </div> 
 

 
    <script src="inputCtrl.js"></script> 
 

 
    </body> 
 

 
</html>

出典

2017-06-14 20:43:40 AbdullahTariq

はまったく動作しません。再度質問をお読みください –

編集されました。 ng-initに変数を追加しました。 – AbdullahTariq

送信ボタンを追加して、同じシナリオを再現してみてください。あなたは私の質問を受けるでしょう –

Angularjsを使用して入力タイプ番号に空の値を割り当てる方法は？

答えて

関連する問題