在两个Angular * ngIf语句中放置两个异步订阅

发布时间：2020-12-17 07:58:57 所属栏目：安全来源：网络整理

导读：我的组件模板中有以下内容： div * ngIf =“user $| async as user … / div 在上面的div中,我想使用异步管道只订阅一次另一个observable,并在整个模板中像上面的用户一样使用它.因此,例如,这样的事情是可能的： ng-template *ngIf="language$| async as lan

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

< div * ngIf =“user $| async as user> …< / div>

在上面的div中,我想使用异步管道只订阅一次另一个observable,并在整个模板中像上面的用户一样使用它.因此,例如,这样的事情是可能的：

<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>

或者甚至可以在一个声明中合并？

您可以将object用作变量：

<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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!