18 lines
647 B
HTML
18 lines
647 B
HTML
|
<div class="container">
|
||
|
|
<h1>{{userName}}'s Super Heroes</h1>
|
||
|
|
<button (click)="onRefresh(h)">Refresh</button>
|
||
|
|
<div class="message" *ngIf="!heroes.length" class="heroes">Loading heroes...</div>
|
||
|
|
<div class="message" *ngIf="heroes.length" class="heroes">Pick a hero</div> <ul class="heroes">
|
||
|
|
<li *ngFor="#hero of heroes"
|
||
|
|
[ngClass]="getSelectedClass(hero)"
|
||
|
|
(click)="onSelect(hero)">
|
||
|
|
<span class="badge">{{hero.id}}</span> {{hero.name}}
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<div *ngIf="currentHero">
|
||
|
|
<hr/>
|
||
|
|
<my-hero-detail [hero]="currentHero" [user-name]="userName" (delete)="onDelete()">
|
||
|
|
</my-hero-detail>
|
||
|
|
</div>
|
||
|
|
</div>
|