function CartController($scope) { $scope.items = [ {title: 'Angular.js', quantity: 100, price: 80}, {title: 'Knockout.js', quantity: 50, price: 90}, {title: 'Backbone.js', quantity: 80, price: 120} ]; $scope.remove = function(index) { $scope.items.splice(index, 1); } }
<div ng-app='' ng-controller='CartController'> <h1>Your Order</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> </div>