用於沒有嵌套的子狀態的UI路由器

您可以使用Angular UI路由器來描述頁面未嵌套的頁面層次結構嗎？用於沒有嵌套的子狀態的UI路由器

背景：

我開發與形成層次清晰〜10個單獨的頁面一個小的web應用程序（即控制板 - >學生X - >運動Ÿ - >嘗試Z）。我希望能夠在代碼中表達這個層次結構，這樣我就可以獲得簡單的路徑和一個保存頁面狀態的後退按鈕（而不是重新加載）。該項目已經爲一些子視圖使用了UI路由器，所以在這個層次上構建這個層次似乎也是合乎邏輯的。

然而，我碰到的問題是這樣的：ui-router將一個子狀態加載到一個ui-view內部父狀態，而我希望它加載到父母所在的同一個ui-view標記中，父母的INSTEAD。

我的理想的解決方案將涉及我只能夠寫一個額外的參數replace-parent的狀態描述如

.state('student.profile', { 
    url: '/profile', 
    templateUrl: 'views/profile.html', 
    controller: 'ProfileCtrl', 
    replace-parent: true 
    })

然後將更換UI的觀點，即「學生」的狀態被裝載到加載狀態時的配置文件頁面（並且在卸載子狀態時再次返回）。

任何人都可以想出一個方法來實現粗略的這個結果與合理的手段？我能想到的最好的情況是傾聽$ stateChange事件，然後全能地犧牲一些山羊到JQuery，但我真的希望有一個非常好的做法。

來源

2014-03-27 velochy

我只是遇到了類似的問題，我想表達一個進度跟蹤器的層次結構。似乎沒有嵌套視圖，UI路由器不支持嵌套狀態。

我傾向於解決這個問題是這樣的：

.state('student', { 
    url: '/student', 
    templateUrl: 'views/student.html', 
    controller: 'StudentCtrl' 
})  
.state('studentProfile', { 
    url: '/student/profile', 
    templateUrl: 'views/profile.html', 
    controller: 'ProfileCtrl' 
})

注意，狀態保持平穩，但URL有一個層次。通過這種方式，不需要視圖嵌套，但它需要您在breadcrumb指令/代碼中添加更多工作。

我仍然在尋找更好的解決方案。

來源

2014-04-09 10:13:02 martinoss

是的。我基本上結束了實施相同的解決方法... – velochy

你能找到另一種解決方案嗎？ – maxtorzito

這個怎麼樣？ http://stackoverflow.com/questions/24333625/ui-router-sref-to-grandchild-with-parameter-in-child – maxtorzito

用於沒有嵌套的子狀態的UI路由器

回答

相關問題