2

だから私は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 内で使用しています

4

2 に答える 2