在窗體驗證上使用$ 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>