使用angular确定表单是否有效

Question

我正在尝试确定表单是否有效使用角度.

我有一个这样的表格:

<form name="form" novalidate>
    <p>
        <label>Number: </label>
    <input type="number" min="0" max="10" ng-model="test.number" required />
    </p>
    <p>
        <label>Name: </label>
    <input type="text" ng-model="test.name" required />
    </p>
    <button ng-click="sendTest(test)">Submit</button>
</form>

并且,在sendTest函数上我做了:

angular.module('demo', [
      ]).controller('MainCtrl', function($scope){
        $scope.test = {
          name: 'das'
        };

        $scope.sendTest = function(test) {
          console.log(form.$valid);
          console.log(test.$valid);
        }
      });

问题是形式.$ valid和test.$ valid都是未定义的.我尝试按照以下示例执行此操作:

http://dailyjs.com/2013/06/06/angularjs-7/ http://www.youtube.com/watch?v=J82OD76QhPo

以下是此演示的完整代码:http: //plnkr.co/edit/l0E62KPJu4Z2r15VNjJq

Answer 1

form 被添加到范围,尝试: console.log($scope.form.$valid)

顺便说一下,它被调用form是因为这是你在表单标签的name属性上指定的值.如果您的控制器想知道特定字段的状态,您还可以将名称属性添加到输入字段.

示例:http://plnkr.co/edit/Ra98yIFYso94flDIqNCD？p = preview