2016-03-30 1 views
0

Hallo, ich bin neu bei angularjs. In meiner Einkaufswagen-App habe ich drei Textfelder zur Auswahl der Menge. Alle drei wurden vom Server geladen. Für jedes Produkt muss ich eine andere ng-click-Methode einstellen, um die Menge zu ändern. Wenn ich auf einen Inkrementknopf klicke, ändern sich alle drei Quantitäten. Bitte helfen Sie mirWie man ng-click für mehrere +/- Operatoren im gleichen Controller verwendet - Angularjs

In Controller:

$scope.increment = function(id) { 
    if ($scope.count >= 50) { return; } 
    var cou = $scope.count++; 
    //id = id+1; 
    $scope.total=$scope.price*cou; 
$scope.total=$scope.total+35; 
    }; 

HTML:

<li ng-repeat="orders in ordersList"> 
           <a href="#"><span class="img"><img class="img-thumbnail" src="images/freslogo.jpg" alt=""> 
           </span><span class="product noproduct clearfix"><span class="name"> <b class="doller"><i class="fa fa-rupee"></i>{{orders.price}}</b></span>{{orders.product_name}} 
           <span class="price">Order ID # {{orders.id}} </span> 
           <span class="price">- {{orders.created_date}}</span> </a> 
           <div id="field1"><b>Qty:</b>          
            <a href="javascript:;" class="spin-up" data-spin="up"><i id="plus" class="ion-plus-circled" ng-click="increment({{orders.id}});"></i></a> 
            <input type="text" id="1" value="{{count}}" class="field">         
            <a href="javascript:;" class="spin-down" data-spin="down"><i class="ion-minus-circled" ng-click="decrement();"></i></a> 
           </div> 
           </li> 
+0

Post Ihren bestehenden Code, so dass Menschen in der Lage sein würde, das tatsächliche Problem zu finden, und sie werden Ihnen helfen. –

+0

finden Sie aktualisierten Code. – Vignesh

Antwort

0

Try this:

$scope.increment = function(orders) { 
    if (orders.count >= 50) { return; } 
    var cou = orders.count++; 
    //id = id+1; 
    $scope.total=$scope.price*cou; 
    $scope.total=$scope.total+35; 
    }; 

Wie Sie Zahl für Einzelauftrag verwenden, aber in Steuerteil Sie behandeln es auf der Scope-Ebene. Versuchen Sie das gleiche für decrement

+0

Hallo, ich habe einige Änderungen bei der Übergabe der ID beim Anklicken der Inkrement-Schaltfläche [ng-click = increment "({{orders.id}})"; und der Wert für {{count}}. – Vignesh

+0

Ich habe den Code aktualisiert. Können Sie bitte überprüfen Sie diesen Code – Vignesh

+0

Ihre Anforderung besagt, dass Sie separate Anzahl für verschiedene Aufträge benötigen, aber Sie versuchen, die gemeinsame Anzahl für alle Felder mit $ scope.count zu verwenden, also wenn Sie nur ein PLNKR erstellen und teilen können, Ich kann analysieren. – Harpreet

0
$scope.increment = function(order) { 
    if (order.count >= 50) { return; } 
    var cou = ++order.count; 
    //id = id+1; 
    order.total = order.price*cou; 
    order.total = order.total+35; 
}; 
+0

Hallo ich habe einige Änderungen bei der Übergabe der ID beim Klicken auf Inkrement-Schaltfläche [ng-click = increment "({{orders.id}})"; und der Wert für {{count}}. – Vignesh

Verwandte Themen