Angular js Ng-pattern不允许更新模型

我必须验证显示错误消息的文本框，当用户输入4位数字为9999.so时，我使用了ng-pattern方法来显示错误消息，但ng-模式不允许更新object.my代码下面给出：Angular js Ng-pattern不允许更新模型

<md-input-container class="" style="margin:5px 0px; margin-right:15px;"> 

     <input type="password" name="numCode" ng-model="datas.part[1].Value" ng-value="datas.part[1].Value" maxlength="4" ng-pattern="/(?!9{4})\d{4}/" ng-keydown="vm.testCode(datas.part[1].Value)" class="ng-pristine ng-valid md-input ng-touched" aria-invalid="false" style="" autocomplete="off" required> 
     <div ng-messages="vm.formName.numCode.$error" class="allign-padding-bottom" role="alert"> 
      <div ng-message-exp="['minlength','maxlength','pattern']"> 
         {{::'testcode'|translate}} 
      </div> 
     </div> 
    </md-input-container> 

vm.testCode= function (val) { 
      console.info("sdf",val); 
      vm.showConfirmUserCode = true; 
      ///vm.isDeviceEnabled = false; 
     }

在NG-的keydown方法，模型没有update.it显示vm.formName.numCode未定义$ viewvalue。请帮我解决这个问题&检查我的ng-pattern.if我删除我的ng-pattern意味着我有更新的模型

来源

2017-10-16 Sathish

你还可以在'vm.testCode（）'方法和'vm.testCode（）' – Andrei

里面添加相关的代码吗？只有我看来是**值**可能需要有一个小写** v ** – Andrei

我已经更新了我的代码，我的问题与ng-pattern有关，因为如果我删除它，意味着模型会更新 – Sathish

请检查这个plunker： http://plnkr.co/edit/g0wsbFnfi6TEW76orxIJ?p=preview

<body ng-controller="MainCtrl"> 
    <p>Hello {{name}}!</p> 

    <form name="form1" novalidate> 

    <input type="password" name="numCode" ng-model="inputText" ng-value="inputText" ng-pattern="/(?!9{4})\d{4}/" ng-maxlength="4" ng-keydown="testCode(inputText)" aria-invalid="false" style="" autocomplete="off" required> 
    <div ng-messages="form1.numCode.$error" role="alert"> 
      <div ng-message="pattern">pattern error</div> 
      <div ng-message="maxlength">maxlength error</div> 
      <div ng-message="required">required error</div> 
    </div> 
</form> 
    </body>

你有参考角的消息作为一个单独的图书馆吗？如果ng-keydown的有效文本和错误消息正确显示，它将起作用。

来源

2017-10-16 18:43:15

Angular js Ng-pattern不允许更新模型

回答

相关问题