mat-selection-list не показывать флажок при первой загрузке с использованием вызова ссылки маршрутизатора

Question

Я использую angular материал 6.4.7 и angular/cdk 6.4.7. В простом примере ниже:

Test.component.html:

<mat-selection-list #shoes>
  <mat-list-option *ngFor="let shoe of typesOfShoes">
    {{shoe}}
  </mat-list-option>
</mat-selection-list>

Test.Component.ts

export class ListSelectionExample {
  typesOfShoes: string[] = ['Boots', 'Clogs', 'Loafers', 'Moccasins', 'Sneakers'];
}

bs-navbar.Component.html:

<a class="dropdown-item" routerLink="/admin/test">Test List</a>

Вопрос:

Если я напрямую ввожу URL-адрес как " http://localhost:4200/admin/test" в браузере, флажок будет отображаться и отображаться (работает нормально). Но если я нажимаю из меню ссылок на bs-navbar, чтобы перейти по тому же URL-адресу, флажок не появляется (не работает).

Кто-нибудь сталкивался с той же проблемой раньше (пробовал в браузере Chrome или IE, такая же проблема) и как ее исправить? Спасибо