Как сфокусироваться на верхнем якорном теге в Angular?

Question

В моем приложении я перемещаюсь от дома к компоненту баннера.Затем тег привязки в компоненте баннера не фокусируется на нажатии вкладки до тега привязки нижнего колонтитула.

И да, я хочу сфокусировать тег привязки на щелчке вкладки, а не на загрузке страницы.

когда я обновляю компонент баннера, он работает нормально.Проблема возникает, когда пользователь переходит от дома к компоненту баннера, тогда он не работает должным образом.

Там работает демонстрационное приложение.

app.module.ts

@NgModule({
  imports:      [ 
    BrowserAnimationsModule,
    RouterModule.forRoot([
        {
          path: '',
          component: HomeComponent
        },
        {
          path: 'banner',
          component: BannerComponent,
        }
      ]
    ) ],
  declarations:   [ AppComponent,HomeComponent,BannerComponent],

  bootstrap:    [ AppComponent ]
})
export class AppModule { }

---

app.component.ts

@Component({
  selector: 'my-app',
  template: `
  <router-outlet></router-outlet>
  <div>
    <a href="https://www.google.com" target="_blank">footerLink</a>
  </div>
  `
})
export class AppComponent  {
  name = 'Angular';
}

---

home.component.ts

@Component({
  template: `
    <button routerLink="/banner">Banner</button>`
})
export class HomeComponent {
}

---

banner.component.ts

@Component({
  template: `
    <button routerLink="/banner">Banner</button>`
})
export class HomeComponent {
}

---

✔ Если пользователь нажимает кнопку баннера и затем щелкает вкладку на следующей ('/ banner') странице.В этом случае якорь 'BannerLink' должен быть выделен.

✘ В настоящее время щелчок по вкладке на следующей ('/ banner') странице фокусируется на якорном теге FooterLink

Редактировать

Я обнаружил проблему, это происходит из-за BrowserAnimationsModule, если я заменю на BrowserModule, он работает нормально, теперь, почему это происходит с модулем BrowserAnimationsModule?