laravel4cookbook

E-Commerce 264
24 @{{ product.total }}
25
26
27
31
32
33
34
35
.
This was extracted from app/views/index.blade.php.
We’ve change the numeric input element to use ng-model and ng-change directives. The first tells
the input which dynamic (quantity) value to bind to, and the second tells the basket what to do if
the input’s value has changed. We already know that this means re-calculating the total cost of that
product, and storing the products back in $cookies.
We’ve also added an ng-click directive to the remove link; so that the product can be removed from
the basket.
.
You may have noticed track by $index, in the hg-repeat directive. This is needed as ng-repeat will
error when it tries to iterate over the parsed JSON value (which is stored in $cookies). I found out
about this at: http://docs.angularjs.org/error/ngRepeat:dupes.
We need to be able to remove the basket items, also. Let’s modify the JavaScript/HTML to allow for
this: