Страница прокручивается вверх после навигации в Angular 8 - PullRequest
Новая
       23

Страница прокручивается вверх после навигации в Angular 8

0 голосов
/ 06 октября 2019

Я разработал приложение Angular 8. На странице у меня есть следующее: компонент с ответвлениями внутри и внутренний компонент с выходом маршрутизатора, который изменяет компонент при изменении маршрута, для каждого элемента этого касания при нажатии он перемещаетсяк новому маршруту проблема заключается в том, что вся страница прокручивается вверх после нажатия на элемент нажатий. что не предназначено, любая помощь по этой проблеме приветствуется.

это модель компонента: 

import { Component, OnInit } from '@angular/core';

@Component({
selector: 'ngx-employees-information',
template:`
<br>
<div class="row">
  <div class="col-md-3 col-sm-12 " style="border-right:1px solid rgba(0, 0, 0, 0.1)">
  <nav class="nav flex-column">
    <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
      <a class="nav-link" routerLink="personal-information" [routerLinkActive]="['active']" >Personal information</a>
      <a class="nav-link" routerLink="skills" [routerLinkActive]="['active']" >Skills</a>
      <a class="nav-link" routerLink="certifications" [routerLinkActive]="['active']" >Certifications</a>
      <a class="nav-link" routerLink="education" [routerLinkActive]="['active']" >Education</a>
      <a class="nav-link" routerLink="emergency-contacts" [routerLinkActive]="['active']" >Emergency contacts</a>
      <a class="nav-link" routerLink="notes" [routerLinkActive]="['active']" >Notes</a>
      <a class="nav-link" routerLink="history" [routerLinkActive]="['active']" >History</a>
      <a class="nav-link" routerLink="languages" [routerLinkActive]="['active']" >Languages</a>
    </div>
  </nav>
</div>
<div class="col-md-9 col-sm-12 ">
  <router-outlet></router-outlet>
  </div>
</div>
`
})
export class EmployeesInformationComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

Этот компонент просматривается во внешнем маршрутизаторе-розетке

...