使用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的子菜单中的子菜单

回答

相关问题