javascript - AngularJS - 如何在配置函数中使用 $routeProvider 和自定义模块？

Question

我想重用链接。如何在配置函数中使用 $routeProvider 和自定义模块？

angular.module('urls', []).
factory('$urls', function (
    $location
    ) {
    var $urls = {};
    $urls.login = function () {
        var url = '/login';
        return url;
    }       
    return $urls;
});   

angular.module('app', ['urls']).
  config(function ($routeProvider, $urls) {
      $routeProvider.
        when($urls.login(), { controller: PageCtrl, templateUrl: 'tem.html' }).
        otherwise({ redirectTo: $urls.login() });
});

Answer 1

正如我评论的那样，您可以创建一个提供者而不是工厂，并将 URL 放在其中作为中心位置：

    angular.module('urls', []).
        provider('urls', function (){
            this.$get = function(){    
                 var obj = {}
                 obj.login = function(){ return '/login';}
                 //more urls here, you don't really need function though

                 return obj;
            }
        });

    angular.module('app', ['urls']).
        config(function ($routeProvider, urlsProvider) {
                $routeProvider.
                when(urlsProvider.login(), { controller: PageCtrl, templateUrl: 'tem.html' }).
                otherwise({ redirectTo: urlsProvider.login() });
        });

但是，您不能将 $location 服务注入 urls 提供程序。但是如果你真的想使用 $location，你可以创建另一个同时使用 urls 服务和 $location 服务的服务来达到同样的效果，如下所示：

    angular.module('urls', []).
        service('myUrlService', function (urls, $location){
                 this.goToLogin = function(){$location.path(urls.login());}//just an example
        });

然后您可以将 myUrlService 注入到您的控制器中并执行以下操作：

myUrlService.goToLogin();