在模块内部创建子路由器，Aurelia

梅比：这是个愚蠢的问题。但在这里，我有一个带有父导航的页面，设置在“main”js文件中。这一个可行，但在其中一个选项卡中，我显示了一个展开的表。我展开的每一行都会加载一个这样的模块

，在该自定义元素中，我有一个这样的经典ul：

<section>
            <div class="col-sm-12">
              <ul class="nav nav-tabs tabs-top">
                <li
                  repeat.for="row of router.navigation"
                  class="${row.isActive ? 'active' : ''}"
                >
                  <a href.bind="row.href">
                    <i
                      if.bind="row.config.icon"
                      class="fa fa-cog"
                      aria-hidden="true"
                    ></i>
                    <span t="${row.title}"></span>
                  </a>
                </li>
              </ul>
              <div class="panel panel-section">
                <div class="panel-body">
                  <router-view></router-view>
                </div>
              </div>
            </div>
          </section>

这并不能解决我的问题，因为下一步是创建带有路线的地图，我不知道怎么做

也许我把事情复杂化了，我想要的就是这样的东西：

但表中每一行都会有一个。

---

天哪，我希望我能解释清楚。任何问题，请让我知道

很抱歉，花了这么长时间才得到答案，但答案在这里

首先，让我们谈谈目录结构。下面是一个我使用的非常有用的示例

• 项目组/
  • app.html
  • app.js
  • 页数/
    • 家/
    • home.html
    • home.js
    • 儿童应用程序/
      • child-app.js
      • child-app.html
      • 子应用程序页面/
        • child-app-page.js
        • child-app-page.html

app.js：

configureRouter（配置，路由器）{
{
路由：'/child-app'，
名称：'子应用'，
moduleId:'页面/主页/子应用'，
标题：“儿童应用程序”
},

child-app.html：

child-app.html：

child-app.js：

configureRouter（配置，路由器）{
const childAppRoot='pages/home/child-app/'；
{
路线：['child-app-page'，'']，
名称：'子应用程序页'，
moduleId:childAppRoot+“子应用程序页/子应用程序页”，
标题：“子应用程序页”
},

---

这真的很简单。只需在视图模型中添加一个额外的元素。只需插入路由器并调用configureRouter内置函数并设置您的路由。

很抱歉，花了这么长时间才得到答案，但答案就在这里

首先，让我们谈谈目录结构。下面是一个我使用的非常有用的示例

• 项目组/
  • app.html
  • app.js
  • 页数/
    • 家/
    • home.html
    • home.js
    • 儿童应用程序/
      • child-app.js
      • child-app.html
      • 子应用程序页面/
        • child-app-page.js
        • child-app-page.html

app.js：

configureRouter（配置，路由器）{
{
路由：'/child-app'，
名称：'子应用'，
moduleId:'页面/主页/子应用'，
标题：“儿童应用程序”
},

child-app.html：

child-app.html：

child-app.js：

configureRouter（配置，路由器）{
const childAppRoot='pages/home/child-app/'；
{
路线：['child-app-page'，'']，
名称：'子应用程序页'，
moduleId:childAppRoot+“子应用程序页/子应用程序页”，
标题：“子应用程序页”
},

这真的很简单。只需在视图模型中添加一个额外的元素。只需插入路由器并调用configureRouter内置函数并设置路由

this.router = this.parentRouter.container.createChild();