How create an input box having a + and - button in Ionic

Question

How I can create an input box having a + and - button. Clicking upon which user can change the quantity of product selected, like this screen:

Answer 1

As for ionic v.1 at your template you could have something like:

  
  
 {{item.quantity}} 
  

At your css

    .red:before {
    color: red;
    }

    .green:before {
    color: green;
    }

    .flex_row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row; 
    flex-direction: row;
    }

And in your controller

$scope.sub = function(i) {
  i.quantity--;
}

$scope.add = function(i) {
  i.quantity++;
}