title: Add change amount and change the Total in Check Box in Ionic
body: <p>I created a list in Checkbox, listing products where the user can choose a product. I need add in the product list an option where the user can change the quantity of products selected. How I can do it?</p>
  
  <p>My View:</p>
  
  <pre><code>&lt;ion-view view-title="Bebidas Adicionais" ng-controller="exBebidasCtrl" &gt;     
  
   &lt;div class="bar bar-subheader"&gt;
        &lt;h2 class="title"&gt;{{'Sub-Total R$ ' + getTotalSelected()}}&lt;/h2&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>        &lt;ion-refresher pulling-text="Puxe para atualizar..."  on-refresh="doRefresh()"&gt;&lt;/ion-refresher&gt;
          &lt;ion-list class="card list"&gt;
              &lt;div class="item item-input"&gt;
                  &lt;i class="icon ion-search placeholder-icon"&gt;&lt;/i&gt;
                  &lt;input type="search" ng-model="q" placeholder="Procurar" aria-label="filter bebidasextras" /&gt;
              &lt;/div&gt;
          &lt;/ion-list&gt;
  
     &lt;ion-list&gt;
  
         &lt;div ng-repeat="bebida in bebidasextras"&gt;
            &lt;ion-checkbox ng-model="bebida.selected" &gt; 
                &lt;h2&gt;{{bebida.ad_bebida_titulo}}&lt;/h2&gt;     
                &lt;p&gt;R$ {{bebida.ad_bebida_valor}}&lt;/p&gt;
            &lt;/ion-checkbox&gt;
         &lt;/div&gt;  
  &lt;/ion-list&gt;      
  
              &lt;button class="button button-block button-balanced"&gt;
                  &lt;a  ng-click="addToCart(bebida.ad_bebida_titulo,bebida.ad_bebida_valor)" class="button button-assertive button-clear icon ion-android-cart"&gt; Continuar Comprando &lt;/a&gt; 
              &lt;/button&gt;     
      &lt;/ion-content&gt;      
  </code></pre>
  
  <p></p>
  
  <p>My Controller:</p>
  
  <pre><code>    $scope.bebidasextras = [];
  
  var promise = $http.get('http://nhac.esy.es/api_carrinho/lista_bebida_extra.php?json=restaurantes')
    .success(function(retorno) {
      console.log(retorno);
      $scope.bebidasextras = retorno; // não precisa fazer retorno.data
  
          $scope.user = {
              bebidasextras: [$scope.bebidasextras[1]]
            };
            $scope.checkAll = function() {
              $scope.user.bebidasextras = angular.copy($scope.bebidasextras);
            };
            $scope.uncheckAll = function() {
              $scope.user.bebidasextras = [];
            };
            $scope.checkFirst = function() {
              $scope.user.bebidasextras = [];
              $scope.user.bebidasextras.push($scope.bebidasextras[0]);
            };
            $scope.setToNull = function() {
              $scope.user.bebidasextras = null;
            };
  
        $scope.getTotalSelected = function() {
        var total = 0;
  
        for(var i = 0; i &lt; $scope.bebidasextras.length; i++){
          var bebida = $scope.bebidasextras[i];
          total += bebida.selected ? Number(bebida.ad_bebida_valor) : 0;
        }
  
        return total;
      }
  
  })
  .error(function(erro) {        
      console.log(erro);
  });
  </code></pre>