Угловая пользовательская форма проверки - Отключить кнопку отправки

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>