AngularJS 异步验证器 - 来自服务器响应的 UI 验证消息

使用AngularJS的异步验证器可以轻松地实现从服务器响应的UI验证消息。这是一个非常有用的功能，可以让我们在用户输入的过程中动态地检查其有效性，并根据服务器的响应提供相应的反馈。本文将介绍如何使用AngularJS的异步验证器，并提供一个简单的示例代码。

html
  
  
    
用户名只能包含字母和数字
    
用户名长度不能少于5个字符
    
用户名长度不能超过10个字符
    
用户名不能为空
    
用户名已存在
  

javascript
app.controller('myController', function($scope, $http) {
  $scope.myForm.username.$asyncValidators.unique = function(modelValue, viewValue) {
    return $http.get('/api/checkUsername', {
      params: {
        username: modelValue || viewValue
      }
    }).then(function(response) {
      if (response.data.exists) {
        return $q.reject();
      }
      return true;
    });
  };
});