在AngularJS表单中验证期间无法访问模型？

Question

我正在尝试访问使用验证的表单元素的模型（例如ng-minlength）。 在验证通过之前，模型似乎未定义。

这是预期的行为吗？如何访问无效模型？

示例：http://jsfiddle.net/ybdssvt5/

<div ng-app="myapp">
   <form name="myForm">
     <input type="text" ng-minlength="5" ng-model="formData.email" required/>
     <div>EMAIL length: {{ formData.email.length }}</div>
   </form>
</div>

在验证通过之前，无法显示EMAIL长度。

Answer 1

您可以插入控制器并指定默认值

var app = angular.module('myapp', [])
.controller('appCtrl', function($scope){
    $scope.form = {};
    $scope.form.email = '';   
});

这是一种肮脏的方式，但你可以轻松地从这里即兴发挥。

你还需要添加ng-controller =＆＃34; appCtrl＆＃34;到您的ng-app div或表格。