Question

我有一个用于验证用户身份的角度应用，它与网络服务联系用于身份验证Webservice返回一个json，如果用户通过身份验证，我将用户路由到一个页面。如果没有，我会显示一个隐藏的div。

问题是，它第一次正常工作。比如说，用户输入了无效凭证，显示了div。如果用户再次输入无效凭证，则不会发生任何事但是，收到了来自服务器的json。警报（）;工作得很好..但显示div只工作一次。如何为任意数量的失败条目实现此目的？。感谢您的帮助..发布片段。

login.controller('loginController', function($scope, $http)
 { 
    $scope.credentials = {};
    var popFailmessage = function(){
       //function for displaying div
         $("#danger-alert").show();
            $("#danger-alert").fadeTo(2000, 500).slideUp(500, function(){
           $("#danger-alert").alert('close');

            }); 
    }
     $scope.authenticate = function(user){
         var credentials = user;// angular.copy(user);
    $http({
method: "GET",
url: "http://localhost:8000/index/action",
params: {
    email : credentials.email,
    password : credentials.password
}
}).success(function (data, status, headers, config) { 
    console.log(data);
        if(data ==  0){
            popFailmessage(); //calling method here

        }else{
            //redirect to some page
        }
    })
    .error(function (data, status, headers, config) { 
        console.log(data);
    });


    }


 });

HTML部分..

<div class="alert alert-danger" id="danger-alert" style="display:none">
<button type="button" class="close" data-dismiss="alert">x</button>
<center> <strong>Login Failed!  </strong>
Please check your ID/ Password.</center>

提前致谢！

Answer 1

@Pavan，您可以尝试以下代码：

var popFailmessage = function(){
   //function for displaying div
     $("#danger-alert").show();
        $("#danger-alert").fadeTo(2000, 500).slideUp(500, function(){
            $("#danger-alert").alert('close');
            $("#danger-alert").hide();
        }); 
}

它应该有用。

角度js在显示div元素时出现问题

1 个答案: