javascript - UI Router 1.0 状态更改事件不起作用

Question

我正在将 Angular 1.5 应用程序迁移到 Angular UI Router 1.0-beta3 以使用组件路由器。我正在监听 $rootScope 上的状态更改事件，但没有任何事件被触发。

示例:

angular
    .module('app', [ 'ui.router' ])
    .config(function($stateProvider) {
        $stateProvider.state(
            'dashboard',
            {
                url: '/dashboard',
                component: 'dashboardComponent',
                resolve: {
                    enabled: function() { throw new Error('NOT ENABLED'); }
                }
            });
    })
    .run(function($rootScope) {
        $rootScope.$on('$stateChangeError', function() {
            // Never called
        });
    });

组件路由是否支持状态更改事件？

Answer 1

组件路由支持状态更改事件，但 UI Router 在 v1.0 中以不同的方式处理事件。

试试这个:

...

.run(function($transitions) {
    $transitions.onError({}, function() {
        // Works like a charm
    });
});

请参阅docs了解更多信息