使用ui-router的子菜單中的子菜單

你好，我正在嘗試使用ui-route在子菜單中做一個子菜單。我試圖在angular v1中做這樣的事情。使用ui-router的子菜單中的子菜單

- >文件夾

---->工作

------->編碼器

------->廚師

文件夾這是一個菜單，工作這是一個子菜單，編碼器和廚師它是編碼器

這裏的子菜單內的選項是我的代碼

$stateProvider 
.state('folders', { 
url: '/app/folders', 
template : '', 
abstract: true, 
controller: "foldersCTRL", 
title: 'Folders', 
    sidebarMeta: { 
    icon: 'ion-grid', 
    order: 1, 
    }, 
}).state('jobs', { 
    url: '/jobs', 
    abstract: true, 
    title: 'Jobs', 
}) 
.state('jobs.coder', { 
    parent: 'jobs', 
    url: '/coder', 
    title: 'Coder', 
    sidebarMeta: { 
    order: 0, 
    }, 
}).state('jobs.chef', { 
    parent: 'chef', 
    url: '/jobs', 
    title: 'Chef', 
    sidebarMeta: { 
    order: 0, 
    }, 
}); 
}

但代碼只告訴我這樣的事情

->folders 
--->jobs 
--->coder 
--->chef

任何想法或sugestion使用UI路由做在子菜單的子菜單？

來源

2017-07-27 David Medina

這是AngularJS（即Angular v1）嗎？如果是這樣，請使用「AngularJS」標籤。「Angular」標籤現在用於Angular V2。 – DeborahK

它的角度v1對不起。 –

沒問題。只是試圖確保你得到正確的「眼睛」。 :-) – DeborahK

您必須對州名進行更改。使之類似folders,folders.jobs,jobs.coder,jobs.chef，並且還從編碼器&廚師狀態中移除父財產。小心使用父屬性，它應該具有值，就像你在狀態名中用點通知所定義的那樣（如果你的狀態名是jobs.chef，那麼對於最後一個父項應該是作業）。

結帳這個plunker類似的嵌套視圖實現：https://plnkr.co/edit/F5Upm3EsjD40QQ1E3Nwx?p=preview

此外，如果你定義你的狀態爲抽象的，然後它必須模板唯一的用戶界面視圖標籤元素，因爲這是其子稱要去負荷。結帳這個plunker爲：http://plnkr.co/edit/gmtcE2?p=preview

而且看看ui-router official documentation在方式&結構嵌套的觀點解釋執行。

來源

2017-07-28 19:55:27 Shantanu

使用ui-router的子菜單中的子菜單

回答

相關問題