在Angular5中，如何使用异步和过滤器管道在* ngFor中计算项目总数

Question

我使用以下代码：

<div>
  <input placeholder="Seach 1" [(ngModel)]="myfilter1">
  <input placeholder="Seach 2" [(ngModel)]="myfilter2">
</div>
<div *ngFor="let item of items | async | filterpipe1 : myfiler1 | filterpipe2 : myfiler2">
  Item amount : {{ item }}  
</div>
<div>
  Number of items according to filters : {{ (items | async | filterpipe1 : myfiler1 | filterpipe2 : myfiler2)?.length }}
</div>
<div>
  Total amount according to filters : {{ totalamount }} // ??? How to get totalamount ???
</div>

数据存储在Firestore中。所以我需要使用异步。 使用此代码（和filterPipes），我可以根据两个过滤器显示一个列表。显示号码或记录。

现在，我要添加所有项目并显示总计。当然，总金额会根据两个过滤器而变化。

是否可以这样做？？？怎么样???