angularjs拦截$广播不起作用

我用的 http://ngmodules.org/modules/http-auth-interceptor 代码玩弄，我想知道为什么

$rootScope.$broadcast('loginRequired');

不控制器触发警报

$scope.$on('loginRequired',function() { 
    alert('loginRequired'); 
});

代码：

<!doctype html> 
<html ng-app="myModule"> 
<head> 
    <meta charset="utf-8"> 
</head> 

<body> 
    <div id="content" class="ng-view"></div> 
    <script src="http://code.angularjs.org/1.1.5/angular.min.js"></script> 
    <script> 
     var buffer = angular.module('http-auth-interceptor-buffer', []); 
     buffer.factory('httpBuffer', function($injector) { 
      var buffer = []; 
      var $http; 

      function retryHttpRequest(config, deferred) { 
       function successCallback(response) { 
        deferred.resolve(response); 
       } 
       function errorCallback(response) { 
        deferred.reject(response); 
       } 
       $http = $http || $injector.get('$http'); 
       $http(config).then(successCallback, errorCallback); 
      } 

      return { 

       append: function(config, deferred) { 
        buffer.push({ 
         config: config, 
         deferred: deferred 
        }); 
       }, 

       retryAll: function(updater) { 
        for (var i = 0; i < buffer.length; ++i) { 
         retryHttpRequest(updater(buffer[i].config), buffer[i].deferred); 
        } 
        buffer = []; 
       } 
      }; 
     }); 

     var app = angular.module('myModule', ['http-auth-interceptor-buffer']); 
     app.config(function($httpProvider,$routeProvider, $locationProvider) { 
      $httpProvider.interceptors.push('securityInterceptor'); 
      $routeProvider. 
      when('/one',{ 
       controller: 'OneCtrl', 
       /*resolve: { 
        my: function(Data) { 
         return Data.getData(); 
        } 
       },*/ 
       templateUrl: './_one.html' 
      }). 
      when('/two', { 
       controller: 'TwoCtrl', 
       templateUrl:'./_two.html' 
      }) 
      .otherwise({ 
       redirectTo: '/one' 
      }); 
     }); 

     app.controller('OneCtrl',function($scope,Data) { 
      $scope.my = Data.getData(); 
      $scope.$on('loginRequired',function() { 
       alert('loginRequired'); 
      }); 
     }); 

     app.controller('TwoCtrl',function($scope) { 

     }); 

     app.factory('Data', function($http,$q) { 
      return { 
       getData : function() { 
        var deferred = $q.defer(); 
        var promise = $http.get('./security.php').success(function (response) { 
         deferred.resolve(response); 
        }); 

        // Return the promise to the controller 
        return deferred.promise; 
       } 
      } 
     }); 

     app.factory('securityInterceptor', function($q, $rootScope,httpBuffer) { 
      return { 
       request: function(config) { 
        return config || $q.when(config); 
       }, 

       requestError: function(rejection) { 
       }, 

       response: function(response) { 
        return response || $q.when(response); 
       }, 

       responseError: function(rejection) { 
        if(rejection.status === 401) { 
         var deferred = $q.defer(); 
         httpBuffer.append(rejection.config, deferred); 
         $rootScope.$broadcast('loginRequired'); 
         return deferred.promise; 
        } 

        return $q.reject(rejection); 
       } 
      }; 
     }); 
    </script> 
</body> 
</html>

UPDATE

security.php

<?php 
header('HTTP/1.1 401 Unauthorized'); 
$data = 'MyTets'; 

echo json_encode($data);

有什么麻烦吗？

来源

2013-10-30 Whisher

你检查，如果事件被读心人的设置之前传播的？ – Julio

在OneCtrl调用Data.getData（）;让我从服务器401状态更新我的帖子 – Whisher

我通过把

$rootScope.$broadcast('loginRequired');

在securityInterceptor

response: function(response) { 
    $rootScope.$broadcast('loginRequired'); 
    return response || $q.when(response); 
},

测试你的代码有问题，来模拟PHP文件的响应。你的代码和事件运行良好。它应该来自你的PHP文件没有返回401对吗？

这里是一个plunker here

来源

2014-01-07 17:39:47 gab

angularjs拦截$广播不起作用

回答

相关问题