Angular Tour of Heroes: ajout des routes et navigation

2019-10-25 17:39:24 +02:00
parent 3f1898c529
commit 9c0ec4282d
15 changed files with 253 additions and 43 deletions
--- a/angular-tour-of-heroes/src/app/heroes/heroes.component.html
+++ b/angular-tour-of-heroes/src/app/heroes/heroes.component.html
@ -2,12 +2,9 @@


 <ul class="heroes">
-  <li *ngFor="let hero of heroes"
-    [class.selected]="hero === selectedHero"
-    (click)="onSelect(hero)">
-    <span class="badge">{{hero.id}}</span> {{hero.name}}
+  <li *ngFor="let hero of heroes">
+    <a routerLink="/detail/{{hero.id}}">
+      <span class="badge">{{hero.id}}</span> {{hero.name}}
+    </a>
  </li>
 </ul>
-
-
-<app-hero-detail [hero]="selectedHero"></app-hero-detail>