angular - 如何使用异步管道值处理 `ngIf`？

Question

我正在尝试实现 ngIf使用 async管道。但不起作用。有人帮我吗？

这是我的 html:

<div class="response-container">
    xx {{response | async | json }}
    <div class="failed-error" *ngIf="(response.responseFail | async )">
        {{response.message}}
    </div>
    <div class="success-msg" *ngIf="(response.responseSucc | async) === 'true' ">
        {{response.message}}
    </div>
</div>

在上面 xx {{response | async | json }}它打印为:
xx { "responseFail": false, "responseSucc": true, "message": "success" }
但是为什么这不适用于 *ngIf健康)状况？

Answer 1

response是数据源，而 response.responseFail不是一个。尝试这个:

*ngIf="(response | async )?.responseFail"

*ngIf="(response | async)?.responseSucc  === 'true' "