AngularJS：如何檢查用戶名可用性？

Question

我有輸入文本框輸入用戶名。我想檢查用戶名可用性，並在下面的代碼中顯示錯誤/成功消息，如用戶名驗證。什麼是最好的方式來做到這一點？

<div class="form-group col-md-8"> 
    <p>User Name*:</p> 
    <input type="text" name="uname" class="form-control" ng-model="uname" ng-model-options="{ debounce: 800 }" ng-change="check(uname)" required /> 
    <span style="color:red" ng-show="form.uname.$dirty && form.uname.$invalid"> 
    <span ng-show="form.uname.$error.required">User Name is Required</span> 
    </span> 
</div> 

Answer 1

可以使用NG-改變指令，並調用一個函數，它會調用服務器，並驗證用戶名是否存在，並根據所顯示的錯誤/成功給用戶。

我認爲這是已經做了什麼，除了服務器調用，我沒有看到任何其他的選擇。

Answer 2

看起來像你缺少的表單元素

<form name="myForm"> 
     <label> 
      User name: 
      <input type="text" name="userName" ng-model="user.name" required> 
      <span class="error" ng-show="myForm.userName.$error.required"> 
       Required! 
      </span> 
     </label> 
</form>