javascript - 如何在 Angular ng-repeat中使用累积和

标签 javascript html angularjs angularjs-ng-repeat

如何在 Angular JS ng-repeat 中查找累积和

<table ng-init='cummSum =0'>
    <tr ng-repeat='obj in objArr'>
        <td>{{x = obj.val}}</td><td>{{y = x + obj.val}}</td>
    </tr>
</table>

最佳答案

我想出了这个解决方案,在这个 plunker 中工作

  <table ng-init="objArr[0].cumul = objArr[0].val">
      <tr ng-repeat='obj in objArr'>
          <td>{{x = obj.val}}</td><td ng-init="obj.cumul = objArr[$index-1].cumul + obj.val">{{obj.cumul}}</td>
      </tr>
  </table>

请注意,正如 @JensBrulmans 所说,将这种逻辑放入 HTML 中并不是一个好的做法。另外,在我看来,我的解决方案并不是很干净,除非您无法在 HTML 中锁定与 JS 中一样多的内容。

希望有帮助。

关于javascript - 如何在 Angular ng-repeat中使用累积和,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31858282/

相关文章:

javascript - 在 javascript 中使用 window.open 时阻止弹出窗口

javascript - AngularJS:如何使用 ngResource 处理成功和错误回调?

javascript - 如何使用@angular/animations 为 ScrollTop 设置动画?

javascript - 如何应用 groupBy 但使用不同的值作为我的 key ?

javascript - 当使用angularjs,ngInit加载 View 时初始化范围值的正确方法?

javascript - 像素化图像数据算法非常慢

JQuery基于类折叠表格单元格

html - 打印html时在页面上打印页码

html - 使 HTML textarea Voice Over 可读

AngularJs浏览器后退按钮: Go Back to Previous Spot on Page