代码之家 › 专栏 › 技术社区 › TheProfiler

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

angular-router angular

1

TheProfiler · 技术社区 · 8 年前

我正在学习教程。我需要保持导航条固定,就像内瓦格特一样 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}
];

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

2 回复 | 直到 8 年前

1

4

t3__rry 8 年前

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

请创建组件ex.标头。组件,并在标题组件中添加导航标记然后你可以写

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

您可以将其添加到应用程序。组成部分ts 它将在所有页面中提供

2

3

ibenjelloun 8 年前

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