Добавить сумму изменения и изменить общий флажок в Ionic

Question

Я создал список в флажке, в котором перечислены продукты, в которых пользователь может выбрать продукт. Мне нужно добавить в список продуктов вариант, в котором пользователь может изменить количество выбранных продуктов. Как я могу это сделать?

Мой Вид:

<ion-view view-title="Bebidas Adicionais" ng-controller="exBebidasCtrl" >  

<div class="bar bar-subheader"> 
     <h2 class="title">{{'Sub-Total R$ ' + getTotalSelected()}}</h2> 
</div> 

 <ion-refresher pulling-text="Puxe para atualizar..." on-refresh="doRefresh()"></ion-refresher> 
     <ion-list class="card list"> 
      <div class="item item-input"> 
       <i class="icon ion-search placeholder-icon"></i> 
       <input type="search" ng-model="q" placeholder="Procurar" aria-label="filter bebidasextras" /> 
      </div> 
     </ion-list> 

    <ion-list> 

     <div ng-repeat="bebida in bebidasextras"> 
      <ion-checkbox ng-model="bebida.selected" > 
       <h2>{{bebida.ad_bebida_titulo}}</h2>  
       <p>R$ {{bebida.ad_bebida_valor}}</p> 
      </ion-checkbox> 
     </div> 
</ion-list>  

      <button class="button button-block button-balanced"> 
       <a ng-click="addToCart(bebida.ad_bebida_titulo,bebida.ad_bebida_valor)" class="button button-assertive button-clear icon ion-android-cart"> Continuar Comprando </a> 
      </button>  
    </ion-content>  

Мой контроллер:

$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 < $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); 
}); 

Answer 1

Вы можете иметь поле ввода, имеющее + и - кнопки. Щелчок на том, какой пользователь может изменить количество выбранного продукта.

Если вы можете поделиться более подробной информацией, я, вероятно, смогу ответить лучше.