<h2>Heroes</h2>
<ul class="items">
  <li *ngFor="let hero of heroes$ | async">
    <!-- #docregion nav-to-detail -->
    <!-- #docregion link-parameters-array -->
    <a [routerLink]="['/hero', hero.id]">
    <!-- #enddocregion link-parameters-array -->
      <span class="badge">{{ hero.id }}</span>{{ hero.name }}
    </a>
    <!-- #enddocregion nav-to-detail -->
  </li>
</ul>

<button type="button" routerLink="/sidekicks">Go to sidekicks</button>
