众所周知,在角中ngModel为动态双向绑定,存在两种方式。
<>强例如,
<强>在html中,
& lt;输入类型=拔谋尽眓g-model=" searchText "/比;
& lt;按钮ng-click=凹觳?searchText)”在检查! & lt;/button>
{{searchText}}
<强>在控制器中
美元的范围。检查=function (searchText) {
console.log (searchText);
}
引用stackoverflow的一句话,
“如果你使用ng-model,你必须有一个点。”
使你的模型指向一个对象。财产,你就会好了。
<强>在html中,
& lt;输入ng-model=" formData.searchText "/比;
& lt;按钮ng-click=凹觳?)”在检查! & lt;/button>
<强>在控制器中,
美元的范围。formData=https://www.yisu.com/zixun/{};
美元的范围。检查=function () {
console.log (scope.formData.searchText。modelValue美元);
}
<>强但是我们常常会对ngModel当中的值进行验证,例如,
& lt;输入类型=懊苈搿蹦Ｊ?癧0 - 9]*”占位符=扒胧淙?位新密码”ng-model="密码。new_password " ng-blur=" validateLength()“在
& lt;输入类型=懊苈搿眓g-model="密码。new_password " ng-keyup="比较(密码)“name=" repassword“ng-pattern="/^[0 - 9]{1,6}/泵涝?祝辞
发现ngModel当中的password.new_password不能实时绑定到控制器中,原因为ngModel的值并没有符合模式的规则。若符合规则,则正常绑定传递。
以上这篇Angularjs之ngModel中的值验证绑定方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
