20 lines
550 B
HTML
20 lines
550 B
HTML
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-offset-3 col-md-6">
|
|
|
|
<h2>My Beers</h2>
|
|
<ul class="heroes">
|
|
<li *ngFor="let beer of beers" (click)="onSelect(beer)" [class.selected]="beer === selectedBeer">
|
|
<span class="badge"> </span> {{beer.name}}
|
|
</li>
|
|
</ul>
|
|
<div *ngIf="selectedBeer">
|
|
<h2>
|
|
{{selectedBeer.name | uppercase}} is my favorite beer!
|
|
</h2>
|
|
<button (click)="gotoDetail()">View Details</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|