<html>
<head>
<script type="text/javascript"
src="http://angular.getangular.com/angular-1.0a.js#database=docsdb"></script>
</head>
<body>
<table ng-init="invoice= {items:[{}]}">
<tr><th>Qty</th><th>Description</th><th>Cost</th><th>Total</th><th></th></tr>
<tr ng-repeat="item in invoice.items">
<td><input name="item.qty" value="1" size="4" ng-required ng-validate="integer"></td>
<td><input name="item.description"></td>
<td><input name="item.cost" value="0.00" ng-required ng-validate="number" size="6"></td>
<td>{{item.qty * item.cost | currency}}</td>
<td>[<a href='#' ng-action="invoice.items.$remove(item)">X</a>]</td>
</tr>
<tr>
<td><a href='#' ng-action="invoice.items.$add()">add item</a></td>
<td></td>
<td>Total:</td>
<td>{{invoice.items.$sum('qty*cost') | currency}}</td>
</tr>
</table>
</body>
</html>