Bootstrap Popover и Angular 6 Routing

Question

У меня проблема с поповером. Для своего приложения я разработал левое навигационное меню и для них я также настроил маршрутизацию Angular 6. Итак, приложение ведет себя следующим образом:

1. Когда я нажимаю на левую навигацию, страница правильно перенаправляется, то есть домашняя страница как: /// to: // localhost> / env
2. Когда я нажимаю на левую навигацию, страница корректно перенаправляется, то есть домашняя страница как: /// to: // localhost> / env
3. На моей странице env у меня мало контента, в котором есть текст с гиперссылкой для открытия всплывающего окна. Я ожидаю, что popover откроется и останется на этой странице.
4. Но здесь он неправильно перенаправляет на мою домашнюю страницу.

Пожалуйста, помогите мне исправить это поведение.

HTML код:

Тестовые данные

Угловая 6 маршрутизация:

const routes: Routes = [
  { 
    path: 'ENV',
    component: ENVComponent,
    data: { preload: false }
  }
];

@NgModule({
  imports: [ RouterModule.forRoot(routes, {onSameUrlNavigation: 'ignore' }) ],
  exports: [ RouterModule ]
})
export class AppRoutingModule {}