添加小计以在angularjs中显示总计

时间:2016-03-31 17:17:41

标签: angularjs logic shopping-cart addition

我是angularjs的新手。在我的购物车应用程序中,我有三个文本字段用于数量选择。这是从ng-repeat加载的。我能够显示单个产品的数量*价格值。我需要通过添加三个小计来显示总计。提前致谢。 这是我的代码

HTML:

 <li ng-repeat="orders in ordersList">
                                 <a href="#app/dhosa/{{total}}/{{price}}/{{amount}}"><span class="img"><img class="img-thumbnail" src="{{orders.image}}" alt="">
                                 </span><span class="product noproduct clearfix"><span class="name">{{orders.product_name}} <b class="doller"><i class="fa fa-rupee"></i>{{orders.price}}</b></span>
                                 <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="count = count + 1" ng-init="count=0"></i></a>
                                    <input type="text" id="1" value="{{count}}" class="field">{{orders.price * count}}                              
                                    <a href="javascript:;" class="spin-down" data-spin="down"><i class="ion-minus-circled" ng-click="count = count - 1" ng-init="count=0"></i></a>
                                </div>
                              </li>
                           </ul>    
                        <p class="amt">Total amount <b>Rs.{{}}</b></p>

1 个答案:

答案 0 :(得分:0)

您必须计算控制器中的总数并将该值公开给范围。然后,您可以在上面显示的视图中使用该范围变量。