如何保持 Angular 路线导航固定？ Angular 路由重定向到新页面

Question

我正在学习教程。我需要保持导航栏固定并像 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 ]),

而 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}
];

如果我点击赞重定向到新页面。但是就像那个例子一样，我想在每个页面中保留导航并显示内容。我做错了什么？

Answer 1

如果我理解正确或纠正我的问题

请创建一个组件 ex。 header.component 并在 header 组件中添加导航标签然后你可以写

<header-component></header-component>
<router-outlet></router-outlet>

您可以将其添加到 app.component.ts 它将在所有页面中可用

Answer 2

你的问题不够清楚，here is a stackblitz of the simplest routing example I can imagine。如果示例没有回答您的问题，请随时更新它并在您的问题中使用它。（不要怕stackblitz，只是一个在线IDE ^_^））

如何保持 Angular 路线导航固定？ Angular 路由重定向到新页面

How to keep Angular Route nav fixed ? Angular Route redirecting to new page

angular

angular-router