所以我有一个 angular4 应用程序使用import {RouterModule, Routes } from '@angular/router'
我的路线配置是这样设置的:
const appRoutes: Routes = [
{path: '', redirectTo: 'home', pathMatch: 'full',canActivate: [AuthGuard]},
{path:'login', component:LoginComponent},
{path:'home', component:HomeComponent, canActivate: [AuthGuard]},
{path:'profile', component:UserProfileComponent, canActivate: [AuthGuard] },
{path:'record', component:RecordComponent, canActivate: [AuthGuard]},
]
在我的导航栏 html 中使用
<ul class="navbar-nav ml-auto">
<li class="nav-item" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact: true}">
<a [routerLink]="['/home']" class="nav-link"><i class="fas fa-home fa-2x"></i></a>
</li>
<li class="nav-item" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact: true}">
<a [routerLink]="['/profile']" class="nav-link"><i class="fas fa-user fa-2x"></i></a>
</li>
</ul>
在我的页面之间路由。问题是,每次我点击导航栏中的链接时,都会出现新页面,但它在前一个页面的顶部,我的意思是如果我向下滚动我可以看到上一页(但导航栏是不重复)
不确定这是否相关,但我<router-outlet>
在我的 app-component.html中使用