AngularJS通过HTTP Get拉取用户列表后循环校验登录密码失效问题

数据老陈

2026-10-4

问题根因

你的代码核心错误是在登录校验函数中没有通过$scope访问用户列表数组：你在接口请求成功后把用户列表存到了$scope.userList中，但loginValidator方法内直接写userList.length、userList[i]，相当于从全局作用域查找userList变量，这个变量根本不存在，所以逻辑直接报错中断，无法正常返回登录结果。

修正方案

只需要修改loginValidator方法的代码即可，同时可以增加加载状态判断，避免接口还未返回时用户点击登录触发报错，修正后的代码如下：

$scope.loginValidator = function() {
  // 兼容用户数据未加载完成的场景
  if (!$scope.userList) {
    $scope.feedback = '用户数据加载中，请稍后再试';
    return false;
  }
  // 替换所有userList为$scope.userList
  for(var i = 0; i < $scope.userList.length; i++) {
    if ($scope.usernameInput == $scope.userList[i].LoginName && $scope.passwordInput == $scope.userList[i].Password) {
      $scope.feedback = '登录成功';
      return true;
    }
  }
  $scope.feedback = '登录失败';
};