HAKASHUN/cart.html

## cart.html
<html ng-app>
<head>
    <meta charset="UTF-8">
    <title>Your Shopping Cart</title>
</head>
<body ng-controller="CartController">
    <h1>Yout Shopping Cart</h1>
    <div ng-repeat="item in items">
        <span>{{item.title}}</span>
        <input ng-model="item.quantity">
        <span>{{item.price | currency}}</span>
        <span>{{item.price * item.quantity | currency}}</span>
        <button ng-click="remove($index)">Remove</button>
    </div>
<script src="../bower_components/angular/angular.js"></script>
<script>
    function CartController($scope) {
        $scope.items = [
            {title: 'Paint pots', quantity: 8, price: 3.95},
            {title: 'Polka dots', quantity: 17, price: 12.95},
            {title: 'Pebbles', quantity: 5, price: 6.95}
        ];
        $scope.remove = function(index) {
            $scope.items.splice(index, 1);
        }
    }
</script>
</body>
</html>
	<html ng-app>
	<head>
	<meta charset="UTF-8">
	<title>Your Shopping Cart</title>
	</head>
	<body ng-controller="CartController">
	<h1>Yout Shopping Cart</h1>
	<div ng-repeat="item in items">
	<span>{{item.title}}</span>
	<input ng-model="item.quantity">
	<span>{{item.price \| currency}}</span>
	<span>{{item.price * item.quantity \| currency}}</span>
	<button ng-click="remove($index)">Remove</button>
	</div>
	<script src="../bower_components/angular/angular.js"></script>
	<script>
	function CartController($scope) {
	$scope.items = [
	{title: 'Paint pots', quantity: 8, price: 3.95},
	{title: 'Polka dots', quantity: 17, price: 12.95},
	{title: 'Pebbles', quantity: 5, price: 6.95}
	];
	$scope.remove = function(index) {
	$scope.items.splice(index, 1);
	}
	}
	</script>
	</body>
	</html>