<div #mobile class="mobile-nav" (click)="toggleMobileNav()">
  <span class="selected-item-info">
    <span class="selected-tag"> {{activeCatCaption}} </span>
    <span class="selected-endpoint">{{activeItemCaption}}</span>
  </span>
</div>
<ng-template #default>
  <side-menu-items [items]="menuItems" (activate)="activateAndScroll($event)"></side-menu-items>
</ng-template>

<div #desktop id="resources-nav" perfect-scrollbar>
  <ul class="menu-root">
    <div *ngIf="itemsTemplate; else default">
      <ng-container *ngTemplateOutlet="itemsTemplate; context: this"></ng-container>
    </div>
  </ul>
</div>