각도 맞춤 양식 유효성 검사 - 제출 버튼 사용 안함

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; 
} 

에서

및

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