Please help me.i am new ionic framework. how i can create like that.when user click card that item is counted and count total automatically

ionic-v1
1

image
Screenshot_2017-01-24-05-03-17.jpg359×520 43.4 KB

here is my code.please notice that code is ionic1
please help me.i am new ionic framework. how i can create like that.when user click card that item is counted and count total automatically.
product.html

<a class="item item-avatar"  ng-click="openModal({{item.item_id}});"  style="margin-bottom:5px;"ng-repeat="item in itemdata | filter:query" >	
 
  <img src="http://127.0.0.1/Project/admin/medi_img/{{item.medimage}}">
  <h2><font color="#00000" size="+1" face="Lucida Sans">{{item.item_name}}</h2>
  <p>Rs.{{item.item_price}}</p>
  <p>Stock on hand.{{item.item_qty}}</p>
</a>

controller.js

app.controller(‘billsController’, function($scope,$ionicModal ,$ionicSlideBoxDelegate,$http,ionicMaterialInk,$ionicPopup,$state) {

ionicMaterialInk.displayEffect();

	$http.get('http://localhost/medigo_json/getmyitem.php').success(function(data){
																		
	$scope.itemdata=data;
	
	
});

app.js

.state('app.bills', {
  url: '/bills',
  
  views: {
    'menuContent': {
      templateUrl: 'templates/bills.html',
      controller: 'billsController'
    }
  }
})
2

You could probably add an additional ‘count’ field to ‘data’ that is incremented when someone clicks your list item.

3

But how can that possible