从ng-route更改为ui-router $ routeChangeSuccess无法正常工作

Question

$scope.$on("$routeChangeSuccess", function (event, next, current) {
                switch (next.originalPath) {
                    case "/ac" :
                        $scope.currentTab = 1;
                        break;
                    case "/bp/:type?/:tab?":
                        $scope.currentTab = 2;
                        break;
                    case "/bs":
                        $scope.currentTab = 3;
                        break;
                    default :
                        $scope.currentTab = 1;
                        break;
                }
            });

我想将上述代码从ng-route更改为ui-router。我将其他人更改为stateProvider和stateParams，但不知道$ routeChangeSuccess将如何更改为$ stateChangeSucess？

Answer 1

$rootScope.$on('$stateChangeSuccess', 
function(event, toState, toParams, fromState, fromParams){ ... })

Answer 2

根据State Change Events.

，您应该使用$stateChangeSuccess代替$routeChangeSuccess

  

$stateChangeStart - 过渡开始时被解雇。

$rootScope.$on("$stateChangeSuccess", function () {

            });

Answer 3

是的，$ stateChangeSuccess。从这里查看更多内容https://github.com/angular-ui/ui-router/wiki

Answer 4

$scope.$on("$stateChangeSuccess", function (event, toState, toParams, fromState, fromParams) {
                switch ( toState.url ) {
                    case "/ac" :
                        $scope.currentTab = 1;
                        break;
                    case "/bp":
                        $scope.currentTab = 2;
                        break;
                    case "/bs":
                        $scope.currentTab = 3;
                        break;
                    default :
                        $scope.currentTab = 1;
                        break;
                }
            });

toState.url将提供更改的网址，并可以执行与此相关的操作。