examples/angular/src/app/app.component.html

<nav>
  <mat-toolbar class="mat-secondary">
    <p class="show-small">
      <button mat-button (click)="drawer.toggle()">
        <mat-icon>menu</mat-icon>
      </button>
    </p>
    <a mat-button href="http://angular.io" class="hide-small">
      <img class="nav-logo" src="/assets/angular-logo-with-text.svg" />
    </a>
    <span class="hide-small">+</span>
    <a mat-button href="https://bazel.build">
      <img class="nav-logo" src="/assets/bazel-navbar.svg" />
    </a>
    <span class="flex-spacer"></span>
    <a mat-button href="https://next.angular.io/guide/bazel">
      Documentation
    </a>
    <a
      href="https://github.com/bazelbuild/rules_nodejs/tree/master/examples/angular"
    >
      <img class="nav-logo" src="/assets/github-circle-white-transparent.svg" />
    </a>
  </mat-toolbar>
</nav>

<mat-drawer-container>
  <mat-drawer #drawer [opened]="true" mode="side">
    <mat-nav-list>
      <a mat-list-item routerLink="/"> Home </a>
      <a mat-list-item routerLink="/hello"> Hello World </a>
      <a mat-list-item routerLink="/todos"> Todos </a>
    </mat-nav-list>
  </mat-drawer>

  <mat-drawer-content>
    <div class="content">
      <router-outlet></router-outlet>
    </div>
  </mat-drawer-content>
</mat-drawer-container>