toState.url值不是嵌套狀態

Question

絕對哈希

我試圖讓toState對象url在$stateChangeStart事件的狀態basic.tasks：

$rootScope.$on("$stateChangeStart", function (event, toState, toParams, fromState, fromParams) { 
       ... 
        console.log(toState.name); // > basic.tasks 
        console.log(toState.url); // > /tasks 
       ... 
      } 

國家配置：

$stateProviderRef 
.state('basic',{ 
     url: '/b', 
     template: require('source/basic/templates/basic.html'), 
     controller: 'BasicController', 
     abstract: true 
     }) 
.state('basic.tasks', { 
     url: '/tasks', 
     template: require('source/basic/templates/tasks/tasks.html'), 
     controller: 'TasksController', 
     }) 

toState.url的值是/tasks而不是/b/tasks。有沒有辦法獲得包括父狀態在內的完整散列。

我嘗試使用$window.location.hash，但它只給出fromState的完整散列路徑，因爲它在狀態更改完成之前不會更新。

Answer 1

有沒有簡單的方法來做到這一點，除非你只是將父狀態添加到URL，但如果你正在尋找一種更動態的方式，那麼這可能是一種選擇。我不確定是否在你的url中有hashtag（通常它在那裏，並且在這裏我們使用它只是爲了正則表達式去除hashtag - 但它在localhost中看起來像這樣的http://localhost:8100/#/app），但如果你這樣做，你可以嘗試是這樣的：

$rootScope.$on("$stateChangeStart", function (event, toState, toParams, fromState, fromParams) { 
    var href = $state.href(toState.name); 
    var regexp = new RegExp('#','g'); 
    href = href.replace(regexp, ''); 
    console.log(href); 
}); 

如果你有你的網址一些狀態參數可以用toParams將它們添加到絕對URL，因爲參數沒有被添加到與stateChangeStart此功能的URL。它將直接在stateChangeSuccess上運行。

編輯：

如Ganesh神Matkam在評論部分有說實際上是包括stateParams到URL一個簡單的解決方案。就像這樣簡單：

$rootScope.$on("$stateChangeStart", function (event, toState, toParams, fromState, fromParams) { 
    var href = $state.href(toState.name, toParams); 
    var regexp = new RegExp('#','g'); 
    href = href.replace(regexp, ''); 
    console.log(href); 
});