@Angular/Fire操纵响应可观察到

Question

我使用实时数据库在兼容模式下使用 @Angular/Fire 9。当我将可观察的服务从我的服务中返回到控制器中时，这很好，但我很难操纵返回的数据。

例如，我的服务需要从表格中获取所有记录，并在每个记录上执行一些数学。要获取直截了当的列表，然后使用Angular Controller中的Async（）管道，我使用一种服务方法：

public GetTransactionDetails(TransactionNo: string): Observable<Array<TransactionItemDetails>> {
    const Location: string = `TransDetail/${TransactionNo}`;
    const ItemListing$ = this.AngularFireDB_.list<TransactionItemDetails>(Location, ref => ref.orderByChild('item_code')).valueChanges();
    return ItemListing$;
}

This Jung in @angular/fire中的表格中的所有信息都可以获取我的详细信息列表。但是，我不是存储总价，并希望通过乘以数量 *单位价格来计算这一点。在这种情况下，我似乎无法获得地图功能。

public GetTransactionDetails(TransactionNo: string): Observable<Array<TransItemDetail>> {
    const Location: string = `TransDetail/${TransactionNo}`;
    const ItemListing$ = this.AngularFireDB_.list<TransItemDetail>(Location, ref => ref.orderByChild('item_code')).valueChanges().pipe( map(AllItems: Array<TransItemDetail>) => {
        // My understanding is this is all the data, so I need to loop again through this.
        AllItems.map( (OneItem: TransItemDetail) => {
            OneItem.ItemTotal = OneItem.Quantity * OneItem.UnitPrice;
        });
    });
    return ItemListing$;
}

但是，我会以这种格式获得编译错误。

Type 'Observable<void>' is not assignable to type 'Observable<TransItemDetail[]>'.

键入“ void”不可分配给'transitemdetail []''。ts（2322）

如果然后将定义添加到管道中，则错误会更改为：

pipe<Array<TransItemDetail>>( map(AllItems: Array<TransItemDetail>) => {

Argument of type 'OperatorFunction<TransItemDetail[], void>' is not assignable to parameter of type 'OperatorFunction<TransItemDetail[], TransItemDetail[]>'.
  Type 'void' is not assignable to type 'TransItemDetail[]'.ts(2345)

我不知道如何将其移动以获得我的结果。