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

假设我正在这样做

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

</div>

order.productname

订单.产品价值

---

有没有办法计算视图本身中所有ProductValue的总和，或者我需要在控制器中创建一个函数？有人能告诉我正确的方向吗？谢谢

您需要在控制器中创建一个求和函数，该函数将计算

总数

：

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

{{order.productname}

{{order.productvalue}}

总计：{{Total}

或者，您可以如中所示创建筛选器，并在视图中直接筛选总和：

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

{{order.productname}

{{order.productvalue}}

总计：{orders | sumByKey:'productvalue'}

您需要在控制器中创建一个求和函数，该函数将计算

总数

：

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

{{order.productname}

{{order.productvalue}}

总计：{{Total}

或者，您可以如中所示创建筛选器，并在视图中直接筛选总和：

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

{{order.productname}

{{order.productvalue}}

总计：{orders | sumByKey:'productvalue'}

您需要在控制器中创建一个求和函数，该函数将计算

总数

：

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

{{order.productname}

{{order.productvalue}}

总计：{{Total}

或者，您可以如中所示创建筛选器，并在视图中直接筛选总和：

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

{{order.productname}

{{order.productvalue}}

总计：{orders | sumByKey:'productvalue'}

您需要在控制器中创建一个求和函数，该函数将计算

总数

：

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

{{order.productname}

{{order.productvalue}}

总计：{{Total}

或者，您可以如中所示创建筛选器，并在视图中直接筛选总和：

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

{{order.productname}

{{order.productvalue}}

总计：{orders | sumByKey:'productvalue'}

我会这样做

内部控制器 模板中

---

我会这样做

内部控制器 模板中

---

我会这样做

内部控制器 模板中

---

我会这样做

内部控制器 模板中

---

据我所知没有内置方法，所以最简单的方法是在

$scope

中定义sum函数，据我所知没有内置方法，所以最简单的方法是在

$scope

中定义sum函数，据我所知没有内置方法，因此，最简单的方法是在

$scope

中定义求和函数，据我所知，没有内置方法，因此最简单的方法是在

$scope

中定义求和函数。感谢您的回复。感谢您的回复。感谢您的回复。感谢您的回复。