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意味着我有更新的模型
答
请检查这个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的有效文本和错误消息正确显示,它将起作用。
你还可以在'vm.testCode()'方法和'vm.testCode()' – Andrei
里面添加相关的代码吗?只有我看来是**值**可能需要有一个小写** v ** – Andrei
我已经更新了我的代码,我的问题与ng-pattern有关,因为如果我删除它,意味着模型会更新 – Sathish