변경 금액을 추가하고 이오니아의 체크 박스의 합계를 변경하십시오.

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

당신은 +와 갖는 입력 상자 수 - 버튼을 누릅니다. 선택한 제품의 수량을 변경할 수있는 사용자를 클릭합니다.

좀 더 자세한 정보를 공유 할 수 있다면 아마도 더 좋은 방법으로 대답 할 수있을 것입니다.