juplo.de Git - examples/angular-tour-of-heroes/blob - src/app/heroes/heroes.component.html

   1 <h2>My Heroes</h2>
   2 <ul class="heroes">
   3   <li *ngFor="let hero of heroes" (click)="onSelect(hero)" [class.selected]="hero === selectedHero">
   4     <span class="badge">{{hero.id}}</span> {{hero.name}}
   5   </li>
   6 </ul>
   7 <div *ngIf="selectedHero">
   8   <h2>{{selectedHero.name | uppercase}} Details</h2>
   9   <div><span>id: </span>{{selectedHero.id}}</div>
  10   <div>
  11     <label>name: </label>
  12     <input [(ngModel)]="selectedHero.name" placeholder="Type a name..." />
  13   </div>
  14 </div>