28 lines
790 B
HTML
28 lines
790 B
HTML
<div class="col-md-12">
|
|
|
|
<div class="input-group">
|
|
<input class="form-control" [(ngModel)]="search">
|
|
<span class="input-group-btn">
|
|
<button class="btn btn-primary" (click)="searchBeer()">Search</button>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
|
|
<h2>Search</h2>
|
|
<ul class="heroes">
|
|
<li *ngFor="let beer of beers" (click)="onSelect(beer)" [class.selected]="beer === selectedBeer">
|
|
<span class="badge"> {{beer.id}} </span> {{beer.name}}
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div *ngIf="selectedBeer" class="col-md-4">
|
|
<h2>
|
|
{{selectedBeer.name | uppercase}} is my favorite beer!
|
|
</h2>
|
|
<button class="btn btn-primary" (click)="gotoDetail()">View Details</button>
|
|
</div>
|
|
</div>
|
|
</div>
|