Angular 8 Tab требуется 2 клика, чтобы показать активную вкладку; 1 клик получает контент, 2 клика устанавливает стиль

Question

Я работаю с Angular 8.3. Мое приложение использует NgbNav. html выглядит следующим образом:

<ul ngbNav #projectNav="ngbNav" class="nav-tabs">   
  <li [ngbNavItem]="1" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}" [disabled]="!projectId">
    <a ngbNavLink [routerLink]="['../..', projectId, 'info']">Project Information</a>   
  </li>   
  <li [ngbNavItem]="2" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}" [disabled]="!projectId">
    <a ngbNavLink [routerLink]="['../..', projectId, 'measuresOfProgress']">Measures of Progress</a>   
  </li>   
  <li [ngbNavItem]="3" routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}" [disabled]="!projectId">
    <a ngbNavLink [routerLink]="['../..', projectId, 'attachment']">Attachments</a>   
  </li>
</ul>

Когда отображается страница, активна первая вкладка. И стиль вкладки, и содержимое страницы показывают вкладку как активную. Если я нажимаю на вторую вкладку, содержимое загружается, но стиль вкладки не меняется. То есть кажется, что первая вкладка все еще активна и отображает содержимое второй вкладки. Если я снова нажму на вторую вкладку, стиль вкладки изменится, чтобы показать, что вторая вкладка активна. Такое же поведение происходит для третьей вкладки. Первая вкладка ведет себя нормально. То есть стиль вкладки меняется на активный, и содержимое первой страницы отображается одним щелчком мыши.

Кто-нибудь еще сталкивался с этим?