| <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> |