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

前端之家收集整理的这篇文章主要介绍了在两个Angular * ngIf语句中放置两个异步订阅前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的组件模板中有以下内容

< 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

原文链接:https://www.f2er.com/angularjs/143743.html

猜你在找的Angularjs相关文章