Angular js Ng模式不允許更新模型
[英]Angular js Ng-pattern does not allow update the model
問題描述
我必須驗證當用戶輸入4位數字作為9999.時顯示錯誤消息的文本框，因此我使用了ng-pattern方法顯示錯誤消息，但是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方法中，模型沒有更新。它在vm.formName.numCode。$ viewvalue.in中顯示未定義，請幫助我解決此問題並檢查ng-pattern.if我刪除了ng-pattern意味着我有更新的模型
1 個解決方案
解決方案1
0 2017-10-16 18:43:15
請檢查此插件： 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的有效文本和錯誤消息正確顯示，則可以正常工作。
角度js中的條件ng-模式
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.