我正在尝试执行登录身份验证,我正在尝试使用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.