document.ready用angular.js以无限循环调用

document.ready called in infinite loop with angular.js

本文关键字:无限循环 调用 js angular ready document      更新时间:2023-09-26

我正在使用Angular.js、Node.js和Socket.io(以及其他)构建一个应用程序。我的问题是,当我试图跟随一个链接将我路由到登录页面时,我最终会陷入一个无限循环。jquery document.ready函数被反复调用,每次都会有另一个套接字连接到用户。页面甚至无法加载,因为它一直被调用。我真的很困,所以任何帮助都将不胜感激。

以下是客户端路由的配置:

window.app = angular.module('MEAN', ['ngCookies', 'ngResource']);
window.app.config(['$routeProvider', function($routeProvider) {
    $routeProvider.
    when('/', { templateUrl: 'views/index.html' }).
    when('/signin', {
        templateUrl: '/partials/signin',
        controller: SigninCtrl
    }).
    when('/signup', {
        templateUrl: '/partials/signup',
        controller: SignupCtrl
    }).
    otherwise({redirectTo: '/'});
}]);
//Removing tomcat unspported headers
window.app.config(['$httpProvider', function($httpProvider, Configuration) {
    //delete $httpProvider.defaults.headers.common["X-Requested-With"];
}]);
//Setting HTML5 Location Mode
window.app.config(['$locationProvider', function($locationProvider) {
    $locationProvider.html5Mode(true);
    $locationProvider.hashPrefix("!");
}]);

这是控制器:

function SigninCtrl($scope, $http, $location) {
$scope.form = {};
  $scope.title = "Sign In";
  $scope.SignIn = function() {
    $http.post('/users/session', $scope.form).
    success(function(data){
        console.log("Successful sign in", data);
        $location.path('/');
    })
    .error(function (data) {
        console.log("There was an error");
        $scope.errors = data.errors;
    });
  };
}

这是我用来制作零件的玉石模板:

extends ../layouts/default
block content
  .row
    .offset1.span5
      a(href="/auth/facebook")
        img(src="/img/icons/facebook.png")
      a(href="/auth/github")
        img(src="/img/icons/github.png")
      a(href="/auth/twitter")
        img(src="/img/icons/twitter.png")
      a(href="/auth/google")
        img(src="/img/icons/google.png")
    .span6
      if (typeof errors !== 'undefined')
        .fade.in.alert.alert-block.alert-error
          a.close(data-dismiss="alert", href="javascript:void(0)") x
          ul
            each error in errors
              li= error.type
      block auth
extends auth
block auth
  form.signin.form-horizontal(class="simple-form")
    .control-group
      label.control-label(for='email') Email
      .controls
        input#email(type='text', name="email", placeholder='Email')
    .control-group
      label.control-label(for='password') Password
      .controls
        input#password(type='password', name="password", placeholder='Password')
    .form-actions
      button(ng-click='SignIn()') Sign in
       
      | or 
      a.show-signup(href="/signup") Sign up

这里是文档准备功能:

window.bootstrap = function () {
    angular.bootstrap(document, ['MEAN']);
}
window.init = function () {
window.bootstrap();
}
window.connectSocket = function(){
  var socket = io.connect();
  socket.on('connect', function(message){
    console.log("socket connected");
  });
}
$(document).ready(function () {
    //Fixing facebook bug with redirect
  console.log("Document ready!");
    if (window.location.hash == "#_=_") window.location.hash = "";
    window.init();
    window.connectSocket();
});

我觉得自己很笨,但我解决了问题。类似于这个问题:需要什么web服务器配置才能使AngularJS路由功能正确?

事实上,我早些时候将路由从服务器移动到了客户端,在部分模板中我有include-auth,在auth文件中我有一个头模板的include,angular已经这样做了。最后,它试图在循环中包含相同的头。。。希望这能在以后帮助到有同样问题的人。只要确保你没有多次包含标题。。。