Javascript AngularJS-如何对嵌套ng repeat中筛选的孙子项求和

Javascript AngularJS-如何对嵌套ng repeat中筛选的孙子项求和,javascript,angularjs,ng-repeat,angularjs-filter,ng-bind,Javascript,Angularjs,Ng Repeat,Angularjs Filter,Ng Bind,我创建了一个带有Angular的看板应用程序,现在我想把过滤后的帖子的点数和计数相加,如下所示: <input type="text" ng-model="searchText"> <div ng-init="col.TotalPoints = 0" ng-repeat="col in columns"> <h3>{{col.Title}} - ({{ col.TotalPoints?? }} Pts.)</h3> <div

我创建了一个带有Angular的看板应用程序,现在我想把过滤后的帖子的点数和计数相加,如下所示:

<input type="text" ng-model="searchText">

<div ng-init="col.TotalPoints = 0" ng-repeat="col in columns">
    <h3>{{col.Title}} - ({{ col.TotalPoints?? }} Pts.)</h3>
    <div ng-init="subCol.Points = 0" ng-repeat="subCol in col.SubColumns">
        <h3>{{subCol.Title}} - {{ subCol.Points }} Pts.</h3>
        <div ng-show="false" ng-bind="subCol.Points= (filteredPostIts| sumPointsFilter:'Points')" ></div>
        <div ng-repeat="postIt in filteredPostIts = (subCol.PostIts | filter:searchText)">
            <p>#{{postIt.Id}}</p>
            <p>{{postIt.Title}}</p>
            <p>{{postIt.UserName}}</p>
            <p>{{postIt.Points}} Points</p>
        </div>
    </div>
</div>

{{col.Title}}-({{col.TotalPoints???}}}Pts.)
{{subCol.Title}-{{subCol.Points}}Pts。
#{{posit.Id}

{{posit.Title}

{{posit.UserName}

{{posit.Points}}点

我将过滤后的帖子分配给
filteredPostIts
别名,然后使用
ng bind
使用
sumPointsFilter
对所有过滤后的帖子进行迭代并求和,效果良好。一旦我们开始通过在搜索输入中键入一些文本来过滤一些帖子,子列点就会重新计算

现在我想计算整个列的总分,这是它的子列之和(考虑过滤后的帖子)

这是一个很好的例子。第一列是“Não Iniciado”(未开始),它有一个子列称为“Backlog”。第二列是“Em andamento”,它有两个子列(“Executando”和“Aguardando”)

例如,尝试键入marcello,它将过滤marcello的post its,并重新计算子列的点


我怎样才能做到这一点呢?

你确实有很多事情要做,但我想我知道你能做些什么

重复使用相同的求和筛选器,如下所示:

<h3>{{col.Titulo}} - ({{ col.Divisorias | sumPointsFilter: 'Points'}} Pts.)</h3>
{{col.Titulo}}-({{col.divisiorias | sumPointsFilter:'Points'}}Pts.)

您能创建一个设置了列和子列范围变量的JSFIDLE吗?当然可以,请稍等。@r0m4n我添加了JSFIDLE,告诉我它是否太复杂,我试图简化我的场景。这解决了所有问题,我从未想过重用同一个筛选器,它比我想象的要简单。每天我都会越来越多地发现AngularJS是多么的简单和强大。谢谢