无法获得表单有效性

时间:2014-10-27 07:03:59

标签: angularjs

我无法使用$ scope.myform获得表单有效性。$ valid&我收到一条未定义的消息“无法读取属性'$ valid'的undefined”。

<body ng-controller="MainCtrl">
  <form name="myform">
    Name: <input type="text" ng-model="user.name" /><br>
    Email: <input type="email" ng-model="user.email" /><br>
 </form>
</body> 

app.controller('MainCtrl', function($scope) {
  console.log($scope.myform.$valid);  
});

Plnkr:http://plnkr.co/edit/P2kg1l64d4t7k7X4d4jh?p=preview

1 个答案:

答案 0 :(得分:0)

这是因为,当您的控制器实例化并且执行了这行代码时,表单尚未添加到范围中。

将此功能添加到控制器中:

$scope.click = function() {
    alert($scope.myform.$valid);
};

并将其添加到您的表单中:

 <button type="button" ng-click="click()">is form valid?</button>

并且您会看到,点击该按钮后,您将能够获得表单的有效性。

这是更新的plunker