如何访问表单验证性能控制器

Question

正如在这里看到： https://docs.angularjs.org/api/ng/input/input%5Bemail%5D

例如，如何访问模板VAR：

{{myForm.input.$valid}} 

控制器

？

$scope.myForm.input.$valid 

没有做它

Answer 1

您可以添加$收看到$ scope.myForm.input。$有效。 这里是工作示例。

<script> 
angular.module('test', []) 
    .controller('formController', ['$scope', function($scope) { 
    $scope.myForm = {}; 
    $scope.$watch('myForm.input.$valid', function(newVal) {   
     $scope.valid = newVal; 
    }); 

    }]); 
</script> 

<form name="myForm" ng-controller="formController"> 
    Email: <input type="email" name="input" ng-model="text" required> 
    {{ myForm.input.$valid }} 
    {{ valid }} 
</form>