angular - 将两个异步订阅放在一个 Angular *ngIf 语句中

Question

我的组件模板中有以下内容:

<div *ngIf="user$ | async as user>...</div>

在上面div内我想使用异步管道只订阅另一个可观察对象一次，并像 user 一样使用它以上整个模板。因此，例如，这样的事情是否可能:

<ng-template *ngIf="language$ | async as language>
<div *ngIf=" user$ | async as user>
  <p>All template code that would use both {{user}} and {{language}} would go in between</p>
  </div>
</ng-template>

或者甚至可以将其组合在一个语句中？

Answer 1

你可以使用对象作为变量:

<div *ngIf="{ language: language$ | async, user: user$ | async } as userLanguage">
    <b>{{userLanguage.language}}</b> and <b>{{userLanguage.user}}</b>
</div>

Plunker Example

另见

• How to declare a variable in a template in Angular2