特定の選択のためのAngularJs検証

Question

私は 'one'を選択すると、私の入力が現れるドロップダウンがあります。その入力は必須フィールドです。私が欲しいのは、ユーザーが「1」を選択した後、入力の検証が機能するため、保存ボタンにエラーが表示されますが、他の値を選択するか値を選択しないと、検証エラーは表示されません。

<form name="myForm" data-ng-submit="save(myForm.$valid)"novalidate="novalidate"> 
    <div class="form-group"> 
     <label class="col-md-6">Select:</label> 
     <select class="col-md-2" ng-model="val.value"> 
      <option value="1" selected>one</option> 
      <option value="2">two</option> 
      <option value="3">three</option> 
      <option value="4">four</option> 
     </select>    
     <div ng-show="val.value=='1'"> 
     <label class="col-md-3">one:</label> 
     <input type="number" class="col-md-4" ng-model="val.one" name="valOne" data-ng-class="{'has-error':myForm.valOne.$dirty && myForm.valOne.$invalid }" required="required"/> 
     <div class="col-md-2" data-ng-messages="myForm.valOne.$error" 
     data-ng-show="myForm.valOne.$touched ||myForm.$submitted"> 
      <div class="error-message" data-ng-message="required">Please enter Value 
      </div> 
     </div> 
    </div>         
    </div> 
    <button type="submit" class="btn btn-warning"><i class="fa fa-save"></i> 
     Save</button> 
</form> 

お勧めします。

Answer 1

あなたはNG-必要な使用することができます：それは働いていたジェニー@

<input type="number" class="col-md-4" ng-model="val.one" name="valOne" data-ng-class="{'has-error':myForm.valOne.$dirty && myForm.valOne.$invalid }" ng-required="val.value == 1"/>