Angularjs $ routeProvider配置

时间:2016-11-24 04:31:37

标签: angularjs

我有一个名为 testAPP 的简单angularjs应用程序。在其中我有常量,称为 URLS ,我也可以在此应用的其他服务中使用。现在我需要使用 $ routeProvider 的templateUrl中的 URLS.DASHBOARD_URL 。可能吗?如果没有,那么最简单的方法是什么呢?

    (function () {
    angular.module('testAPP', [])

    .constant("URLS", {
        "DASHBOARD_URL": '/modules/dashboard/dashboardUI.html' 
    })

    .config(['$routeProvider', function ($routeProvider) {

     $routeProvider
                    .when('/', {
                        title: 'website',
                        templateUrl: URLS.DASHBOARD_URL, //Here i need to use
                        controller: '',
                    })

}]);

})();

1 个答案:

答案 0 :(得分:2)

您可以inject常量进入config并使用它,如下所示:

(function () {
   angular.module('testAPP', [])

   .constant("URLS", {
        "WEBSITE": '/modules/dashboard/dashboardUI.html'
    })

    .config(['$routeProvider','URLS', function ($routeProvider,URLS) {

     $routeProvider
       .when('/', {
           title: 'website',
           templateUrl: URLS.WEBSITE,
           controller: '',
        })

  }]);
 })();