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

Question

嗨，我是 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>

Answer 1

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