带子项的Aurelia侧导航

我有一个Aurelia应用程序，我有一个AdminLTE主题。但是，我想使用一个带有顶级项的侧导航，它可以扩展和显示子项

对于Aurelia，我不确定要采取什么方法来实现这一点，因为绑定到路由只提供1级导航。有没有办法从路线集合绑定多个级别的导航

例如，我的路线如下所示：

config.map([
        { route: ['','welcome'], name: 'welcome',     moduleId: 'welcome',          nav: true,  title: 'Welcome',      auth:true, settings: {icon: 'fa fa-home'}},
                { route: '/case/',       name: 'case',        moduleId: './case/search',    nav: true,  title: 'Cases',        auth:true, settings: {icon: 'fa fa-search'}},
                { route: '/case/recent', name: 'recent-case', moduleId: './case/recent',    nav: true,  title: 'Recent Cases', auth:true, settings: {icon: 'fa fa-search'}},
                { route: '/analysis',    name: 'analysis',    moduleId: './analysis/home',  nav: true,  title: 'Analysis',     auth:true},
                { route: '/transfer',    name: 'transfer',    moduleId: './transfer/home',  nav: true,  title: 'Transfer',     auth:true},
        { route: '/auth/login',  name: 'login',       moduleId: './auth/login',     nav: false, title: 'Login'},
                { route: '/auth/logout', name: 'logout',      moduleId: './auth/logout',    nav: false, title: 'Logout' }
                ]);

我希望我的案例/最近的导航项目出现在侧菜单的顶级导航项目“案例”下，如下所示：

---

在路由器中的项目上循环当前仅为一个级别，是否可以嵌套路由以支持多个级别的导航？

如果需要显示嵌套路由，则仍然需要将所有路由（即使在路由器配置中）嵌套为普通数组。要将它们显示为树，您只需订阅

router.navigation

，然后使用

settings

object以您更喜欢的方式将其转换为所需的树

<mytree source.bind="transformToTree(router.navigation)"></mytree>

我不太明白。tranformToTree做什么？这是一个自定义转换器吗？它是您的自定义方法，用于将

router.navigation

转换为您可以迭代并构建菜单链接的树