AngularJS

Question

我用 Angular 创建了一个看板应用程序，现在我想把过滤后的总和 Post - 它的点数和一个计数，如下所示：

<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>

我将过滤后的 Post-Its 分配给 filteredPostIts 别名，然后用于 ng-bind 使用 sumPointsFilter 遍历所有过滤后的 post -its 并总结他们的观点，效果很好。一旦我们开始过滤一些 post-its 通过在搜索输入中键入一些文本，就会重新计算子列点数。

现在我想计算整列的总分，这是它的子列的总和（考虑过滤后的 post-its）。

这是一个JSFiddle。第一列是 "Não Iniciado"（未开始），它有一个名为 "Backlog" 的子列。第二列是 "Em andamento"，它有两个子列（"Executando" 和 "Aguardando"）。

例如尝试输入 marcello，它将过滤 Marcello 的 post-its，并重新计算子列的分数。

我怎样才能做到这一点？

Answer 1

你确实在那个 jsfiddle 上做了很多事情，但我想我知道你能做什么...

像这样重用相同的求和过滤器：

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

https://jsfiddle.net/r0m4n/9zbrohhy/54/

AngularJS - 如何在嵌套的 ng-repeat 中对过滤后的孙项求和

AngularJS - How to sum filtered grandchild items in nested ng-repeat

javascript

ng-repeat

angularjs-filter

ng-bind