Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <h2>Shopping Card Example</h2>
- <div ng:controller="CartForm">
- <table class="table">
- <tr>
- <th>Description</th>
- <th>Qty</th>
- <th>Cost</th>
- <th>Total</th>
- <th></th>
- </tr>
- <tr ng:repeat="item in invoice.items">
- <td><input type="text" ng:model="item.description"class="input-small"></td>
- <td><input type="number" ng:model="item.qty" ng:required class="input-mini"></td>
- <td><input type="number" ng:model="item.cost" ng:required class="input-mini"></td>
- <td>{{item.qty * item.cost | currency}}</td>
- <td>
- [<a href ng:click="removeItem($index)">X</a>]
- </td>
- </tr>
- <tr>
- <td><a href ng:click="addItem()" class="btn btn-small">add item</a></td>
- <td></td>
- <td>Total:</td>
- <td>{{total() | currency}}</td>
- </tr>
- </table>
- </div>
- function CartForm($scope) {
- $scope.invoice = {
- items: [{
- qty: 10,
- description: 'item',
- cost: 9.95}]
- };
- $scope.addItem = function() {
- $scope.invoice.items.push({
- qty: 1,
- description: '',
- cost: 0
- });
- },
- $scope.removeItem = function(index) {
- $scope.invoice.items.splice(index, 1);
- },
- $scope.total = function() {
- var total = 0;
- angular.forEach($scope.invoice.items, function(item) {
- total += item.qty * item.cost;
- })
- return total;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement