angularjs – 某个超时后的$location.path不起作用

发布时间：2020-12-17 06:54:24 所属栏目：安全来源：网络整理

导读：我正在尝试执行登录身份验证,我正在尝试使用angularJS显示进度视图,例如： app.config(function($locationProvider,$routeProvider) { $routeProvider .when('/',{ template: " ",controller : IndexController }) .when('/main',{ templateUrl : 'views/mai

我正在尝试执行登录身份验证,我正在尝试使用angularJS显示进度视图,例如：

app.config(function($locationProvider,$routeProvider) {
    $routeProvider
            .when('/',{
                template: " ",controller  : IndexController
            })
            .when('/main',{
                templateUrl : 'views/main.html',controller  : MainController
            })
            .when('/login',{
                templateUrl : 'views/login.html',controller  : LoginController
            })
            .when('/progress',{
                templateUrl : 'views/progress.html',controller  : ProgressController
            })
        });


var logged_in = false;
function IndexController($scope,$location){
    if(logged_in){
        $location.path("/main");
    }else{
        $location.path("/login");
    }
}
function validateEmail(email) {
    var re = /^(([^<>()[].,;:s@"]+(.[^<>()[].,;:s@"]+)*)|(".+"))@(([[0-9]{1,3}.[0-9]{1,3}])|(([a-zA-Z-0-9]+.)+[a-zA-Z]{2,}))$/;
    return re.test(email);
}
function LoginController($scope,$location){
    $scope.username   = "";
    $scope.password   = "";
    $scope.login = function(){
        if($scope.username!="" && $scope.password!=""){
            if(!validateEmail($scope.username)){
                alert("Invalid e-mail!");
            }else{
                $location.path("/progress");
                setTimeout(function(){ // JUST FOR TEST BEFORE ADD AJAX CONTROL
                    logged_in = true;
                    $location.path("/main"); // DOES NOT CALL MainController AND DOES NOT CHANGE TEMPLATE
                },2000);
            }
        }else{
            alert("Username & Password obbligatori!");
        }
    };
    $scope.register = function(){

    };
}
function ProgressController($scope){
    $scope.loading       = true;
} 
function MainController($scope){}

progress.html包含的位置

<div ng-show="loading" class='loading'>
  <img src='img/loading.gif'>
</div>

解决方法

我认为你应该使用$timeout

http://code.angularjs.org/1.2.13/docs/api/ng. $超时

$timeout(function(){ 
  logged_in = true;
  $location.path("/main"); 
},2000);

当然,它需要在控制器中注入$timeout.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!