Javascript 如何使用角度异步管道调用从异步流接收的函数？错误：操作表达式中不能有管道

我想使用Angular 9异步管道调用从数据流接收的函数

以下代码

（onApprove）=“（modalData$| async）.onApprove（）”

引发此错误：

不能在操作表达式中包含管道

我在网上找不到解决方案，只参考了有关ngModel（）的问题


{{（modalData$|async.title}}
{（modalData$|async.body}

数据流来自Redux存储

@select((state: IAppState) => state.ui.modal.modalData) readonly modalData$: Observable<any>;

@select（（state:IAppState）=>state.ui.modal.modalData）只读modalData$：可观察；
您可以在
ng容器中提取响应
分组元素，并在所有较低的嵌套级别上使用reposne。这样，您甚至不需要每次都调用
async

<div class="confirm-modal-container">
    <ng-container *ngIf="modalData$ | async as modelData">
        <div class="title">{{modelData.title}}</div>
        <div class="body">{{modelData.body}}</div>
        <app-action-buttons (onApprove)="modelData.onApprove()" (onCancel)="modelData.onCancel()" [cancelText]="currentStep === 0 ? 'Cancel' : 'Previous'" [approveText]="control[currentStep].actionBtnText"></app-action-buttons>
    </ng-container>
</div>


{{modelData.title}
{{modelData.body}

<div class="confirm-modal-container">
    <ng-container *ngIf="modalData$ | async as modelData">
        <div class="title">{{modelData.title}}</div>
        <div class="body">{{modelData.body}}</div>
        <app-action-buttons (onApprove)="modelData.onApprove()" (onCancel)="modelData.onCancel()" [cancelText]="currentStep === 0 ? 'Cancel' : 'Previous'" [approveText]="control[currentStep].actionBtnText"></app-action-buttons>
    </ng-container>
</div>