<md-toolbar color="primary">
  <span>
    Angular Demo
  </span>
</md-toolbar>

<md-sidenav-container>
  <md-sidenav opened="true" mode="side" disableClose="true">
    <md-nav-list>
      <a [routerLink]="['/']" md-list-item>Introduction</a>
      <a [routerLink]="['/hello-world']" md-list-item>Hello World</a>
      <a [routerLink]="['/interpolation']" md-list-item>Interpolation</a>
      <a [routerLink]="['/events']" md-list-item>Events</a>
      <a [routerLink]="['/ng-if']" md-list-item>ngIf</a>
    </md-nav-list>
  </md-sidenav>

  <main id="main-content">
    <router-outlet></router-outlet>
  </main>
</md-sidenav-container>



<md-toolbar color="primary">
  <span>
    Angular Demo
  </span>
</md-toolbar>

<md-sidenav-container>
  <md-sidenav opened="true" mode="side" disableClose="true">
    <md-nav-list>
      <a [routerLink]="['/']" md-list-item>1. Introduction</a>
      <a [routerLink]="['/hello-world']" md-list-item>2. Hello World</a>
      <a [routerLink]="['/interpolation']" md-list-item>3. Interpolation</a>
      <a [routerLink]="['/events']" md-list-item>4. Events</a>
      <a [routerLink]="['/ng-if']" md-list-item>5.1 ngIf</a>
    </md-nav-list>
  </md-sidenav>

  <main id="main-content">
    <router-outlet></router-outlet>
  </main>
</md-sidenav-container>



Add numbering to navigation to show the sequence of topics
Add numbering to navigation to show the sequence of topics
