角度嵌套和过滤的ng-repeat总计

时间:2015-09-30 16:05:08

标签: angularjs ng-repeat angular-filters

我有客户列表和每个客户的订单。它看起来像这样:

  <ul>
    <li ng-repeat="customer in data.customes" | filter:customerFilterFn ">
     {{customer.name}} {{??? total should change depending on nested FILTERED data???}}
      <ul>
        <li ng-repeat="order in customer.orders" | filter:orderFilterFn ">
        {{order.id}} {{order.sum}}
        </li>
      </ul>  
    </li>
  </ul>

如您所见,两个列表都按照自己的功能进行过滤(对于订单,它是一个日期范围)。

获取过滤订单组客户总数的最佳方法是什么?

2 个答案:

答案 0 :(得分:1)

您可以将$index用于ng-repeat指令。通过这种方式,您可以获得每个订单的价值,然后您可以为客户的总数维护$scope变量。

答案 1 :(得分:1)

实际上,您可以在ng-repeat之前使用相同的orderFilterFn过滤订单。这样的事情:http://codepen.io/anon/pen/xwgYZj

如果效果非常重要,您只能过滤一次订单:http://codepen.io/anon/pen/bVgLjB