如何保持角航线导航固定?角度路由重定向到新页面

我正在学习教程。我需要保持导航条固定,就像内瓦格特一样 this 实例

我只有两个链接。这是一页的内部。

这是我尝试过的。

<nav>
    <a routerLink="/title" routerLinkActive="active">Titler</a>
    <a routerLink="/dist" routerLinkActive="active">Dist</a>
</nav>

<router-outlet></router-outlet>

和

HttpClientModule,
RouterModule.forRoot(Inner, {
    enableTracing: true
  }),
RouterModule.forChild([ HOME_ROUTE ]),

还有路线。ts是

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

export const HOME_ROUTE: Route = {
    path: '',
    component: HomeComponent,
    data: {
        authorities: [],
        pageTitle: 'home.title'
    }
};

export const Inner: Routes = [
    {path: 'title', component: TComponent},
    {path: 'dist', component: DComponent}
];

如果我单击“喜欢”,它将重定向到新页面。但是像这个例子一样,我想在每个页面中保留导航并显示内容。我做错了什么?