通过名字查找angularjs routeprovider的路线

Question

我正在定义这样的路线.

$routeProvider
.when('/Home', {
     name: 'Main',
     templateUrl: 'Main.html',
     controller: 'MainController',
     controllerAs: 'ctrl'
})
.when('/About', {
     name: 'About',
     templateUrl: 'About.html',
     controller: 'AboutController',
     controllerAs: 'ctrl'
})

当我在主控制器中时,如何在控制器中通过查询名称"关于"来查找"/关于"URL？

Answer 1

您可以注入$location控制器并使用$location.path()或注入URL $route来获取路由名称.

例:

function MainCntl($scope,$location,$route) {
  $scope.location = $location.path(); // '/Home'
  $scope.routeName= $route.current.$$route.name; //'Main'
}

Answer 2

由于没有内置任何东西,路由的扩展可以很好地解决这个问题:

$provide.decorator('$route', ($delegate) => {

    $delegate.getRoute = (name) => {
        var result = null;
        angular.forEach($delegate.routes, (config, route) => {
            if (config.name === name) {
                result = route;
            }
        });
        return result;
    };

    return $delegate;
});