计算ng重复Angularjs中的值的总和

2023-12-09

我是 Angularjs 的新手。我正在使用 ng-repeat 显示项目列表。如何计算它的总和?有没有简单的方法可以使用表达式在html中计算它?

name  numberofyears amount interest 
 xxx       2          4000   4%
 yyy       3          3000   10%
 zzz       5          6000    6%

 Total     10        13000   16%

前三行来自 ng Repeat。我只想计算总数,如上所示。提前致谢

这非常类似于计算 AngularJS ng-repeat 中重复元素的总和这个问题。但不完全是这样。我正在尝试使用表达式进行计算,因为我有很多行


可以做到这一点,但我认为这种逻辑最适合您的控制器。无论如何,这是使用 ng-init 实现您所要求的一种可能的方法:

 <table ng-init="items.total = {}">
    <tr>
      <td>name</td>
      <td>numberofyears</td>
      <td>amount</td>
      <td>intrest</td>
    </tr>
    <tr ng-repeat="item in items">
      <td>{{item.name}}</td>
      <td ng-init="items.total.numberofyears = items.total.numberofyears + item.numberofyears">{{item.numberofyears}}</td>
      <td ng-init="items.total.amount = items.total.amount + item.amount">{{item.amount}}</td>
      <td ng-init="items.total.interest = items.total.interest + item.interest">{{item.interest}}%</td>
    </tr>
    <tr>
      <td>Total</td>
      <td>{{items.total.numberofyears}}</td>
      <td>{{items.total.amount}}</td>
      <td>{{items.total.interest}}%</td>
    </tr>
 </table>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

计算ng重复Angularjs中的值的总和 的相关文章

随机推荐