用Angularjs做登陆，登陆后把用户名显示在页面上，用DBUG查后台已经赋值了

Question

<a href="#" class="dropdown-toggle" data-toggle="dropdown">
           <span type="text">欢迎您：<span class="hidden-xs"  >{{username}}</span></span>
</a>

$scope.login=function (username,password,check) {
        if(username && password && check) {
            userService.login(username, password,check).success(
                function (response) {
                    if (response.flag) {
                        $scope.userInfo=response.data;
                        $scope.name=$scope.userInfo.name;
                        var roleName = $scope.userInfo.roleName;
                        if(roleName=='农户'){
                            location.href = "admin/index2.html";
                        }
                        if(roleName=='区管理员'){
                            location.href = "admin/index3.html";
                        }
                        if(roleName=='管理员'){
                            $scope.agriForm={
                                show:true
                            };
                            location.href = "admin/index.html";
                        }
                    } else {
                        alert(response.errorMsg);
                    }
                }
            )
        }else{
            alert("请输入用户名和密码");
        }
    }

Answer 1

使用 AngularJS 进行登录，并将用户名显示在页面上的步骤如下：

在 HTML 中添加对应的元素，用于显示用户名：

<a href="#" class="dropdown-toggle" data-toggle="dropdown">
    <span type="text">欢迎您：<span class="hidden-xs">{{name}}</span></span>
</a>

在控制器中定义 $scope.name 变量，并将其初始化为空字符串：

$scope.name = '';

修改登录函数，在成功登录后将用户名赋值给 $scope.name 变量：

function(username,password,check) {
    if(username && password && check) {
        userService.login(username, password,check).success(
            function (response) {
                if (response.flag) {
                    $scope.userInfo=response.data;
                    $scope.name = $scope.userInfo.name;

                    // 其他代码...

                } else {
                    alert(response.errorMsg);
                }
            }
        );
    } else{
        alert("请输入用户名和密码");
    }
}

在登录成功后，通过给 $scope.name 赋值，可以将用户名显示在页面上。请确保后台接口返回的数据中包含了用户的姓名信息，并正确获取和赋值给 $scope.name 变量。

需要注意的是，你的代码片段中有一部分逻辑是通过修改 location.href 来跳转到不同的页面，这种方式不符合 AngularJS 的单页应用原则，推荐使用 AngularJS 提供的路由模块（例如 ngRoute 或 ui-router）进行页面之间的跳转。