import {RouterModule} from '@angular/router';

import {Routes} from '@angular/router';

const appRoutes: Routes = [

  {

    path: '',

    component: HomeComponent

  },

  {

    path: '',

    component: NavbarComponent,

    outlet: 'right' /* 设置路由器的位置 */

  },

  {

    path: '',

    component: SidebarComponent,

    outlet: 'left' /* 设置路由器的位置 */

  },

  {

    path: 'login',

    component: LoginComponent

  },

  {

    path: 'register',

    component: RegisterComponent

  },

  {

    path: 'setting',

    component: SettingsComponent

  },

  {

    path: '',

    component: PageNotFountComponent

  },

]

  /* 注册模块 */

  imports: [

    BrowserModule,

    RouterModule.forRoot(appRoutes) /*注册路由*/

  ],

<!-- 导航条 -->

<app-navbar></app-navbar>

<br/>

<br/>

<br/>

<!-- 内容 -->

<div class="container-fluid">

  <div class="row">

    <!--左边导航-->

    <router-outlet name="left"></router-outlet>

    <!--内容-->

    <main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">

      <router-outlet></router-outlet>

    </main>

  </div>

</div>