添加更改數量並更改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

你可以有+和輸入框 - 按鈕。點擊哪個用戶可以更改所選產品的數量。

如果你可以分享一些更多的細節，我可能會更好地回答。