2016-06-10 119 views
2

我正在使用角度js編寫簡單的產品信息管理應用程序。爲了讓我的應用盡可能模塊化,我已經將它分成多個模塊,並將一個模塊「pim」作爲起點。對於每個模塊,我希望有不同的路由,以便插入新模塊或將其刪除,而無需在pim模塊配置中維護大型路由。

目前我有兩條路線(第一路線):

(function(){ 
angular 
    .module("pim") 
    .config(router) 

function router($routeProvider){ 
    $routeProvider 
     .when("/",{ 
      templateUrl: "view/info.html", 
      controller: "pimController" 
     }) 
     .when("/info",{ 
      templateUrl: "view/info.html", 
      controller: "pimController" 
     }) 
     .when("/alcohol",{ 
      templateUrl: "view/alcohol.list.html", 
      controller: "alcoholController" 
     }); 
    } 
})(); 

第二條路線

(function(){ 
angular 
    .module("alcohol") 
    .config(router) 

function router($routeProvider){ 
    $routeProvider 
     .when("/alcohol/list",{ 
      templateUrl: "view/alcohol.list.html", 
      controller: "alcoholController" 
     }) 
     .when("/alcohol/info",{ 
      templateUrl: "view/alcohol.info.html", 
      controller: "alcoholController" 
     }); 
    } 
})(); 

正如你可以看到/醇具有templateUrl和控制器,同/醇/列表,但我想知道是否有一個簡單的(標準)方法更改爲另一個URL例如/ alcohol/list,這樣我就不必重複templateUrl和控制器,並將這些信息保存在酒精模塊中,它屬於哪裏。

例如

.when("/alcohol",{ 
    routeTo: "/alcohol/list" 
}) 

謝謝您的幫助

解決

選項重定向存在,$ routeProvider文檔不夠好,在沒有看:

.when("/alcohol",{ 
    redirectTo:"/alcohol/list" 
}); 

上面的代碼作品

回答

4

您可以使用$routeProviderredirectTo路線圖。

.when("/alcohol", { 
    redirectTo: "/alcohol/list" 
}); 

瞭解更多:https://docs.angularjs.org/api/ngRoute/provider/$routeProvider

+0

我會說你解決了這個問題,但我不知道,如果你第一次讀到我的解決方案,然後再複製它。所以我會說這是有用的 – DemanB

+0

不,我真的瀏覽了文檔,並發現它:)這只是一個巧合,我們在同一時間找到它。 –