Java Reference
In-Depth Information
Our whole JavaScript logic is now in place. One final move is to place some HTML code
bound to it in our
index.html
file. Insert the following code in the
index.html
file,
inside the
content
div:
<alert ng-repeat="alert in alerts" type="alert.type"
close="closeAlert($index)">{{alert.msg}}
</alert>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Ticket booking</h3>
</div>
<div class="panel-body">
<p>
Remaining money: <span
class="badge">{{account.balance}}</span>
</p>
<br/>
<button type="button" class="btn btn-primary
btn-xs"
ng-click="clearWarnings()">Clear
warnings
</button>
<button type="button" class="btn btn-warning
btn-xs"
ng-click="resetAccount()">Reset account
</button>
</div>
<table class="table table-hover table-striped">
<thead><th>ID</th><th>Name</th><th>Price</th><th>Booked</th>
<th>Book</th></thead>
<tbody>
<tr ng-repeat="seat in seats">
<td>{{seat.id}}</td>
<td>{{seat.name}}</td>
<td>${{seat.price}}</td>