scouting/www/app.ng.html

<ul class="nav nav-tabs">
  <li class="nav-item">
    <a class="nav-link" [class.active]="tabIs('Entry')" (click)="switchTabTo('Entry')">Data Entry</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" [class.active]="tabIs('ImportMatchList')" (click)="switchTabTo('ImportMatchList')">Import Match List</a>
  </li>
</ul>

<ng-container [ngSwitch]="tab">
  <app-entry *ngSwitchCase="'Entry'"></app-entry>
  <app-import-match-list *ngSwitchCase="'ImportMatchList'"></app-import-match-list>
</ng-container>