Bootstrap 4 таблетки с Angular - сохранить активную ссылку

Question

У меня есть следующая панель навигации:

<nav class="nav nav-pills">
      <a href="#" class="nav-item nav-link active" data-toggle="tab" routerLink="/home" routerLinkActive="active">
          <i class="fa fa-lg fa-home"></i> Home
      </a>
      <a href="#" class="nav-item nav-link" data-toggle="tab" routerLink="/settings" routerLinkActive="active">
        <i class="fa fa-lg fa-cog"></i> Settings
    </a>
  </nav>

Я использую routerLinkActive, чтобы сохранять активные ссылки активными при перезагрузке страницы. Но когда я нажимаю на другой элемент управления (например, раскрывающийся список), активная ссылка теряет фокус и больше не выделяется. Есть ли способ "Angular" сохранить его таким же образом при перезагрузке страницы?

Спасибо

Answer 1

Попробуйте использовать это в теге ссылки, если это поможет:

[routerLinkActiveOptions]="{exact: true}"