獲取RangeError：使用angular.js和php

我使用angular.js路由頁面時出現以下錯誤。獲取RangeError：使用angular.js和php

Error:

RangeError: Maximum call stack size exceeded 
    at $ (http://oditek.in/Gofast/js/angularjs.js:73:115) 
    at K (http://oditek.in/Gofast/js/angularjs.js:62:39) 
    at h (http://oditek.in/Gofast/js/angularjs.js:54:410) 
    at http://oditek.in/Gofast/js/angularjs.js:53:480 
    at http://oditek.in/Gofast/js/angularjs.js:55:397 
    at r (http://oditek.in/Gofast/js/angularjs.js:60:200) 
    at x (http://oditek.in/Gofast/js/angularroute.js:6:364) 
    at link (http://oditek.in/Gofast/js/angularroute.js:7:92) 
    at $ (http://oditek.in/Gofast/js/angularjs.js:73:89) 
    at K (http://oditek.in/Gofast/js/angularjs.js:62:39) <!-- ngView: -->

我下面解釋我的代碼。

index.html:

<!DOCTYPE html> 
<html lang="en" ng-app="Channabasavashwara"> 
<head> 

    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta name="description" content=""> 
    <meta name="author" content=""> 

    <title>...:::WELCOME TO Channabasavashwara Institude of Technology:::...</title> 

    <!-- PACE LOAD BAR PLUGIN - This creates the subtle load bar effect at the top of the page. --> 
    <link href="css/pace.css" rel="stylesheet"> 
    <script src="js/pace.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="js/angularjs.js" type="text/javascript"></script> 
    <script src="js/angularroute.js" type="text/javascript"></script> 
    <script src="controller/loginRoute.js" type="text/javascript"></script> 
    <!-- GLOBAL STYLES - Include these on every page. --> 
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
    <link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic' rel="stylesheet" type="text/css"> 
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel="stylesheet" type="text/css"> 
    <link href="icons/font-awesome/css/font-awesome.min.css" rel="stylesheet"> 
    <link rel="shortcut icon" href="img/favicon.png"> 
    <!-- PAGE LEVEL PLUGIN STYLES --> 
    <!-- THEME STYLES - Include these on every page. --> 
    <link href="css/style.css" rel="stylesheet"> 
    <link href="css/plugins.css" rel="stylesheet"> 
    <link href="css/chosen.css" rel="stylesheet"> 

    <!-- THEME DEMO STYLES - Use these styles for reference if needed. Otherwise they can be deleted. --> 
    <link href="css/demo.css" rel="stylesheet"> 
    <!-- PAGE LEVEL PLUGIN STYLES --> 
    <!-- THEME STYLES - Include these on every page. --> 
    <link href="css/load.css" rel="stylesheet"> 
    <script src="js/jquery.min.js"></script> 
    <!-- THEME DEMO STYLES - Use these styles for reference if needed. Otherwise they can be deleted. --> 
    <!--[if lt IE 9]> 
     <script src="js/html5shiv.js"></script> 
     <script src="js/respond.min.js"></script> 
    <![endif]--> 
</head> 

<body> 
<div ng-view> 
</div> 
    <!-- GLOBAL SCRIPTS --> 
    <script src="js/jquery.min.js"></script> 
    <script src="js/bootstrap.min.js"></script> 
    <script src="js/jquery.slimscroll.min.js"></script> 
    <script src="js/jquery.popupoverlay.js"></script> 
    <script src="js/defaults.js"></script> 
    <!-- Logout Notification Box --> 

    <!-- /#logout --> 
    <!-- Logout Notification jQuery --> 
    <script src="js/logout.js"></script> 
    <!-- HISRC Retina Images --> 

    <!-- THEME SCRIPTS --> 
    <script src="js/flex.js"></script> 
    <script src="js/dashboard-demo.js"></script> 
    <script src="js/chosen.jquery.js" type="text/javascript"></script> 
    <script src="js/prism.js" type="text/javascript"></script> 
    <script src="js/shortcut.js"></script> 
    <!-- HISRC Retina Images --> 

    <!-- THEME SCRIPTS --> 
    <link rel="stylesheet" type="text/css" href="calendar/tcal.css" /> 
    <script type="text/javascript" src="calendar/tcal.js"></script> 
    <script src="js/newbill.js"></script> 
    <script src="controller/loginController.js" type="text/javascript"></script> 
    <script src="controller/dashboardController.js" type="text/javascript"></script> 
</body> 
</html>

這裏我有一個登錄頁面，第一要bind.When用戶將在成功的儀表盤登錄頁面應顯示，但其拋出上述錯誤。

loginRoute.js:

var Admin=angular.module('Channabasavashwara',['ngRoute']); 
Admin.config(function($routeProvider){ 
    $routeProvider 
    .when('/',{ 
     templateUrl: 'dashboardview/login.html', 
     controller: 'loginController' 
    }) 
    .when('/dashboard',{ 
     templateUrl: 'dashboardview/dashboard.html', 
     controller: 'dashboardController' 
    }); 
})

loginController.js:

var loginAdmin=angular.module('Channabasavashwara'); 
loginAdmin.controller('loginController',function($scope,$http){ 
    $scope.user_name = ''; 
    $scope.user_pass = ''; 
    $scope.user_login=function(){ 
    if($scope.user_name==''){ 
     alert('user name filed should not keep blank'); 
    }else if($scope.user_pass==''){ 
     alert('password filed should not keep blank'); 
    }else{ 
     var userData={'user_name':$scope.user_name,'user_pass':$scope.user_pass}; 
     console.log('user',userData); 
     $http({ 
      method: 'POST', 
      url: "php/Login/login.php", 
      data: userData, 
      headers: { 'Content-Type': 'application/x-www-form-urlencoded' } 
     }).then(function successCallback(response){ 
      console.log('response',response); 
      alert(response.data['msg']); 
      location.href='#dashboard'; 
     },function errorCallback(response) { 
      alert(response.data['msg']); 
     }); 
    } 
    } 
});

這裏我得到的登錄頁面first.After完成登錄成功，應該重定向到儀表盤的頁面，但這個錯誤是coming.Please幫我解決這個錯誤。

來源

2015-10-05 satya

在您的控制器中添加$location。 loginAdmin.controller('loginController',function($scope,$http, $location){

與 $location.path('/dashboard');

來源

2015-10-05 09:47:16

@ Sarjan更換location.href='#dashboard';：我改變，但仍然是錯誤的到來。 – satya

您是否有基於模板URL的所有html和其他文件的正確位置？ –

@ Sarjan：我發現dashboardController.js文件在一個循環中重複地調用了一個問題，我認爲這可能是原因。 – satya

獲取RangeError：使用angular.js和php

回答

相關問題