javascript - 让 $routeProvider 监听 $rootscope.$broadcast

Question

我已将此模块添加到我的应用程序中:https://github.com/witoldsz/angular-http-auth/blob/gh-pages/lib/http-auth-interceptor.js

它会在 401 响应时广播一条消息，非常方便!只是不确定如何让我的 $routeProvider 监听 $rootscope.$broadcast。我想重定向到 401 时的登录页面。

我的 $routeProvide 看起来像这样:

var app = angular.module('demoApp', ['http-auth-interceptor','tastypieModule'])
    .config(function($routeProvider) { $routeProvider.
        when('/', {controller:HomeCrtl, templateUrl:'partials/home.html'}).
        when('/sign-in', {controller:SiginInCtrl, templateUrl:'partials/sign-in.html'}).
        otherwise({redirectTo:'/'});
})

Answer 1

您不会让您的 $routeProvider 监听它。您只需在 Controller 中监听它，然后使用 $location 将您的应用程序发送到适当的路由。

app.controller('MainAppCtrl', function($scope, $rootScope, $location) {
    $rootScope.$on('event:auth-loginConfirmed', function(){
          $location.path('/');
    });
});

编辑:因为您可能有很多 Controller ，所以您希望有一个包装您的 ngView 的父 Controller ...

<div ng-controller="MainAppCtrl">
    <div ng-view>
    </div>
</div>

上面的 Controller 现在将出现在所有 View 中，并且一定会注册您的监听器。