Angular - display the total sum of a value in all items.

See more:

HTML

AngularJs

I'm still new to Angular and I am trying to get the sum of value of multiple items after ng-repeat.
I want at the end of the page to display the total Sum of all items(Total of SumHS in the code below). How can I do that?

What I have tried:

<md-list>
        <md-list-item class="md-3-line" ng-repeat="item in ctrl.rows">
            <span ng-style="{'background-color': item.color}" class="md-avatar initial-img">{{::item.Reference}}</span>
            <div class="md-list-item-text">
                <h3> {{::item.SumHS * 1000 | number}}</h3>                
                <h4>Submitted At: {{::item.REF_DATE | moment:'MMM, DD YYYY'}} <small>({{::item.Kr_n}})</small></h4>
                <h4>Payed At: {{::item.decree.assignments[0].DateI | moment:'MMM, DD YYYY'}}</h4>
            </div>