角度自定義表單驗證 - 禁用提交按鈕

Question

我正在檢查用戶名是否存在於Firebase數據庫中，並且如果已經執行了消息，我能夠通過消息提醒用戶。

如何禁用提交按鈕？

<form ng-submit="validateForm()" style="margin-left:100px; margin-top:50px;"> 

<div class="form-group"> 

    <label>User Name</label> 
    <input ng-model="user.userName" required type="text" class="form-control border-input" placeholder="userName"> 

    <ul ng-repeat="(key,value) in userObject"> 
    <span ng-if="user.userName == key" class="text-danger">User name already exists!</span> 
    </ul> 

</div> 
<button type="submit" class="btn btn btn-info btn-fill btn-wd">Save</button> 

</form> 

Answer 1

您需要將您的代碼更改爲此。

在控制器

if(user.userName == key) 
{ 
    $scope.chkuser= true; 
} 
else 
{ 
    $scope.chkuser= false; 
} 

這個變量將其設置爲ngDisabled上提交按鈕

<button type="submit" class="btn btn btn-info btn-fill btn-wd" ngDisabled="chkuser">Save</button>