Angular 如何避免模板中的异步链？

我有以下模板：

<app-order-about [application]="(applicationObs | async)?.application"></app-order-about>
<app-order-documents [documents]="(applicationObs | async)?.application?.documents"></app-order-documents>

我不喜欢这种符号：

？.application？.documents

，因为它很长而且看起来很糟糕

---

另外，

async

调用观察者请求两次，我可以改用promise吗？

您可以在

async

中使用

as

，如下所示：

<ng-container *ngIf="applicationObs | async as app">
    <app-order-about [application]="app.application"></app-order-about>
    <app-order-documents [documents]="app?.documents"></app-order-documents>
</ng-container>

您可以创建自定义指令来存储值。这可能会有帮助。