angularjs - 无法读取未定义的属性 '$valid'

Question

我有一个带有名称字段和两个验证的表单 - required 和 max-length。
当我输入正确的值时， Controller 中的表单显示有效并返回 true。但是在输入错误的数据时， $valid 不会抛出错误，只是说 -

Cannot read property '$valid' of undefined

为什么在这种情况下表单变得未定义？

Jsfiddle here

提前致谢

Answer 1

添加 ng-submit表单属性:

<form name="myForm" ng-submit="SaveAndNext()" novalidate>

将 Controller 更改为:

function myCtrl($scope, $log){
    $scope.data = {};
    $scope.SaveAndNext = function(){
        if($scope.myForm.$valid){
            $log.info('Form is valid');
            $log.info($scope.data);
        } else {
            $log.error('Form is not valid');
        }
   }
}

删除 ng-click来自提交按钮的事件处理程序

更新 fiddle : http://jsfiddle.net/9cgopo7d/1/

我包括了 $log服务，因为它是一个有用的默认服务，您可能不知道它。