Aurelia侧面导航与子项目

Question

我有一个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' }
                ]);

我希望我的案例/最近的导航项目显示在顶级导航项目＆＃34; case＆＃34;在这样的旁边菜单中：

循环路由器中的项目目前只有一个级别，是否可以嵌套路由以支持多个导航级别？

Answer 1

如果需要显示嵌套路由，则仍需要将所有路由甚至嵌套在路由器配置中作为普通数组。要将它们显示为树，您只需在router.navigation上订阅，然后使用settings对象以您希望的方式将其转换为所需的树。

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