如何在视图中添加AngularJs的迭代值

How to add up AngularJs iterated values in view?

本文关键字：AngularJs 迭代 添加 视图      更新时间：2023-09-26

假设我这样做

<div ng-repeat="order in orders">
   <p>order.productname</p>
   <p>order.productvalue</p>
</div>

是否有一种方法来计算视图中所有productvalues的总数，或者我需要在控制器中创建一个函数?谁能告诉我正确的方向?由于

我会这样做

<标题>在控制器h1> 在模板
{{numberOfItems(orders)}}

你需要在控制器中创建一个sum函数来计算total:

<div ng-repeat="order in orders">
    <p>{{order.productname}}</p>
    <p>{{order.productvalue}}</p>
</div>
<div>
    <p>Total: {{total}}</p>
</div>

或者您可以创建一个过滤器，如http://cacodaemon.de/index.php?id=55，并在视图中直接过滤总和:

<div ng-repeat="order in orders">
    <p>{{order.productname}}</p>
    <p>{{order.productvalue}}</p>
</div>
<div>
    <p>Total: {{orders|sumByKey:'productvalue'}}</p>
</div>
相关文章：