验证在一个实例中不起作用

Question

我有一个下拉菜单，当我选择一个＆＃39;只有那时我的输入出现了。该输入是必填字段。我想要的是当用户选择一个＆＃39;只有在输入的验证工作，因此在保存按钮上它显示错误，但如果它选择其他值或没有值，那么在保存时它不会显示验证错误。我的代码工作正常，但只有当我点击两次保存按钮时。如果我点击保存一次，那么即使我没有选择任何人或选择其他人也会显示错误。

<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 }" ng-required="val.value=='1'"/>
         <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>

请推荐一些东西。