angularjs - 如何获取验证错误值（=输入值，但不在模型中）angularjs方式

Question

我试图在错误消息中获取 user.name.length 值。如果用jQuery的话是可以实现的，但是Angularjs没有什么独特的方法吗？

<form novalidate name="myForm" ng-submit="addUser()">
<p>Name:
<input type="text" name="name" ng-model="user.name" required ng-minlength="5" ng-maxlength="8">
<span ng-show="myForm.name.$error.minlength">{{user.name.length}} too short!</span>

Answer 1

您可以尝试使用{{myForm.name.$viewValue.length}}，如下所示：

<input type="text" name="name" ng-model="user.name" ng-minlength="5" ng-maxlength="8" />
                <span ng-show="myForm.name.$error.minlength">{{myForm.name.$viewValue.length}} too short!</span>
                <span ng-show="myForm.name.$error.maxlength">{{myForm.name.$viewValue.length}} too long!</span>

Answer 2

ng-minlength 和 ng-maxlength 的工作方式，如果输入文本框的字符少于或多于两个指令指定的字符，则不会填充 user.name（我什至不认为它已定义）。要了解我的意思，请{{user.name}}在 <span> 之后添加。