Your Shopping Cart

We learn here ng-repeat, $watch, factory, | currency

ng-repeat
The data shown using ng-repeat='item in items'.
factory
We get our items from controller: $scope.items = Items.query(); The controller could define items directly ($scope.items = {...object definition..}) but we define them in factory as Items.query() and the controller calls it. At the moment, the Data are local. In real apps, we'd pull this data from the server.
$watch
$scope.$watch('items', calculateTotals, true); - This function calls the function "calculateTotals" if the object "items" has any changes. So, we can change quantity in each item, add and remove items. All these changes will be watched.
Test it: If Total bigger than 100, You get 10 Euro discount.
Currency is Euro, because we load angular-locale_de-de.js.

Nr. Title quantity price sum

(new)

Total: {{bill.total | currency}}

Discount: {{bill.discount | currency}}

Bill: {{bill.subtotal | currency}}

Learning AngularJs Shopping Cart