AngularJS - 触发控制器时获取先前的路线

Question

Angular 的内部结构再次让我感到困惑。

我需要在加载特定视图时确定之前的路线。

我就是这样做的

app.controller('TrashCtrl',function($scope,$rootScope){

    $rootScope.$on('$locationChangeSuccess',function(evt, absNewUrl, absOldUrl) {

        var hashIndex = absOldUrl.indexOf('#');

        var oldRoute = absOldUrl.substr(hashIndex + 2);

        console.log(oldRoute);

    });

});

不幸的是，在逻辑开始工作之前，我必须调用与该控制器对应的视图一次。控制器第一次触发时，没有任何记录。此外，在此初始加载后，应用程序将记录每个 routeChange，即使加载的视图不适用于TrashCtrl

我想要这样：

• 当视图Trash（其控制器为TrashCtrl）加载时，如果这是第一个路由，我需要前一个路由或空字符串。
• 如果它只在实际的 trash 路由被调用时触发，而不是在每次路由更改时触发，那就太好了。

如何实现这一目标？

编辑：

请注意，我知道创建自定义服务并将每次更改写入它的可能性。这不是我想要的。我想仅在需要时才对数据进行 fecth，例如仅在调用 Trash 时。

Answer 1

我尽我所能，但似乎没有直接的方法可以访问 $routeProvider 的 resolve 属性内的前一个路由路径。

只是为了好玩，我实现了一个具有以下属性的（非常复杂的）解决方案：

• 仅当 /trash 视图已加载时才会检测到先前的路线（并非针对每条路线）。
• 它不必知道其余路线的任何信息。
• 添加额外路由时无需额外配置（这增加了实现复杂性，但简化了维护）。

---

言辞

用“简单”的话来说它是这样工作的：

在resolve 对象中，它为下一个$routeChangeSuccess 事件注册一个监听器。
捕获事件后，它会取消注册侦听器。
一旦监听器被取消注册，它就会使用前一个路由路径的值来解析一个 promise。 注入trashCtrl（来自resolve 属性）的对象是一个函数，它返回上述承诺。
控制器接收该函数，调用它以获取承诺，并等待承诺通过前一个路由的路径得到解决。

简单到不行！

_{注意： 为了“简单”，我没有考虑导致$routeChangeError（而不是$routeChangeSuccess）的错误的可能性。可能应该考虑到这一点并注销侦听器，但即使您不这样做，也不会造成任何伤害 - 侦听器将继续运行，直到 $routeChangeSuccess 被触发一次。}

---

代码

控制器：

app.controller('trashCtrl', function ($scope, prevRoutePromiseGetter) {
    prevRoutePromiseGetter().then(function (prevRoute) {
        $scope.prevRoute = prevRoute || 'nowhere';
    });
});

resolve 对象：

resolve: {
    prevRoutePromiseGetter: function ($q, $rootScope) {
        var deferred = $q.defer();
        var dereg = $rootScope.$on('$routeChangeSuccess', 
            function(evt, next, prev) {
                dereg();
                deferred.resolve((prev.originalPath || '').substr(1));
            }
        );
        return function () {
            return deferred.promise;
        };
    }
}

---

另请参阅此short demo。

Answer 2

您需要使用 $routeChangeStart 而不是位置更改。

$rootScope.$on('$routeChangeStart', function(event, next, current) {

});