在窗体验证上使用$ pristine AngularJS

Question

我有一个窗体，其中有一些角度验证，我不想在页面加载时运行。这里是我的形式的剥离下来！例如：。

<form ng-submit="vm.submit()" name="form" novalidate> 
    <input class="form-control" ng-model="vm.userName" required /> 
    <button ng-disabled="form.$invalid && !form.vm.userName.$pristine" type="submit">Log In</button> 
</form> 

我试图关闭初步验证与form.vm.userName $质朴的，因为用户将不会触及用户名文本框中还。但是，这不起作用，表单在页面加载时一如既往地验证。我错过了什么吗？

Answer 1

您需要为输入提供一个名称，以便ngFormController可以在其下注册该元素及其验证规则。然后，你将能够检查form.userName.$pristine：

<form ng-submit="vm.submit()" name="form" novalidate> 
    <input class="form-control" name="userName" ng-model="vm.userName" required /> 
    <button ng-disabled="form.$invalid && !form.userName.$pristine" type="submit">Log In</button> 
</form>