如何在Angular中使用带有函数的异步管道？答案

【问题标题】：How to use async pipe with function in Angular?如何在Angular中使用带有函数的异步管道？
【发布时间】：2020-02-07 00:23:07
【问题描述】：

我需要将函数的执行移至microtask，因此它不在当前的task 中执行。

模板：

<ion-button 
            color="primary" 
            type="submit" 
            expand="block" 
            fill="solid"
            [disabled]="f.invalid || !datesValid()">Book</ion-button>

如何添加async 管道以便异步解析!datesValid()？注意datesValid 返回Observable<boolean>。

【问题讨论】：

你试过了吗？ [disabled]="f.invalid || (!datesValid() | async)"
是的，我不确定它是否正确。
它不工作？
它的工作原理是这样的[disabled]="f.invalid || !(datesValid() | async)"。
我不认为这是一个坏习惯。实际上你的函数返回一个可观察的。我不知道从.html 文件订阅它的其他方式:)

标签： angular ionic-framework

【解决方案1】：

由于管道是一个函数，async 接受 Observable 并返回它发出的最新值。代码[disabled]="f.invalid || !(datesValid() | async)" 工作正常。

【讨论】：