select-dataset.component.html

<div class="content">
  <ng-select [items]="datasetItems" bindLabel="label" [virtualScroll]="true" class="custom"
             placeholder="Select..." [ngModel]="selectedDataset" (ngModelChange)="select($event)">
    <ng-template ng-option-tmp let-item="item">
      {{item.strains}} <br/>
      <small>{{item.datasetNames}}</small>
    </ng-template>
  </ng-select>

  <div class="info" *ngIf="selectedDataset && selectedDataset.label === 'CoV2 (Gordon et al., 2020)'">
    <p>Virus: <b>SARS-CoV-2</b></p>
    <p>Host/target: <b>Human</b>, HEK-293T kidney cells</p>
    <p>Method: <b>AP-MS</b></p>
    <p>Source:<a href="https://www.biorxiv.org/content/10.1101/2020.03.22.002386v3" target="_blank"> <b> Gordon et al., 2020</b></a></p>
  </div>

  <div class="info" *ngIf="selectedDataset && selectedDataset.label === 'CoV1 (Pfefferle)'">
    TODO: Put CoV1 (Pfefferle)
  </div>

  <div class="info" *ngIf="selectedDataset && selectedDataset.label === 'CoV1 (VirHostNet)'">
    TODO: Put CoV1 (VirHostNet)
  </div>
</div>