主页 / 问题 / 1217624
Accepted
Christiana Mitchell
Asked:2021-12-12 14:08:56 +0000 UTC2021-12-12 14:08:56 +0000 UTC

如何在应用程序中正确实现路由？

  • 772

您需要实现以下接口。方式：有一个主页，一个404页面，多个个人账号页面。个人帐户左侧有一个侧边栏。侧边栏必须仅显示在个人帐户的页面上，而不显示在外部帐户上。同时侧边栏必须是静态的（即在个人账户的每一页上都插入是不合适的），只有侧边栏旁边的内容需要改变。我不知道该怎么做...

angular

1 个回答

  1. Best Answer

    您可以将您的个人帐户的路由设置为使用布局组件的路由的子节点，并将侧边栏、标题和您需要的所有内容放置在此组件中。通过 显示布局中子路由的内容<router-outlet></router-outlet>。

    布局标记示例：

    <div class="layout">
  <header></header>
  <aside class="layout__sidebar"></aside>
   <main role="main" class="layout__container">
     <router-outlet></router-outlet>
   </main>
</div>

    路由示例：

    const routes: Routes = [
  { path: 'ext', component: ExtComponent },
  {
    path: '', component: LayoutComponent, children: [
      { path: 'int', component: IntComponent },
    ]
  },
];

    因此，它ExtComponent有自己独立的标记，并IntComponent显示在里面LayoutComponent，里面有必要的元素。

    • 2

相关问题