angularJS中form表单关于“用户名是否已存在”验证？该如何写

Question

angularJS中form表单关于“用户名是否已存在”验证？该如何写

Answer 1

写一个service方法去后台校验是否存在。
然后controller里面$scope.watch()form中的值，看到变化了就去service校验一下
最好WATCH里面加个$timeout来控制键盘间隔多久没有输入后请求service校验。

var myServiceApp = angular.module("MyServiceApp", []);
myServiceApp.factory('userListService', ['$http',
    function($http) {
        var doRequest = function(username, path) {
            return $http({
                method: 'GET',
                url: 'users.json'
            });
        }
        return {
            userList: function(username) {
                return doRequest(username, 'userList');
            }
        };
    }
]);

myServiceApp.controller('ServiceController', ['$scope', '$timeout', 'userListService',
    function($scope, $timeout, userListService) {
        var timeout;
        $scope.$watch('username', function(newUserName) {
            if (newUserName) {
                if (timeout) {
                    $timeout.cancel(timeout);
                }
                timeout = $timeout(function() {
                    userListService.userList(newUserName)
                        .success(function(data, status) {
                            $scope.users = data;
                        });
                }, 350);
            }
        });
    }
]);
这个是大漠穷秋的一个例子你可以参考下。