带主题的条件插值

Question

我有一个Subject，为我提供number。在我的模板中，我想在大括号中呈现此数字，如果它大于0。

理论上这样的事情（虽然这不起作用）：

{{ ($number | async) > 0 ? '('+ ($number| async) +')' : '' }}

我如何根据自身价值的条件渲染主题？

Answer 1

使用ngIf条件并将可观察结果赋给变量

<div *ngIf="$number | async as num"> 
   <div *ngIf="num> 0"> '(' {{num}} ')' </div>
</div>

Answer 2

尝试将as表示法与*ngIf指令结合使用。

这是你如何做到https://stackblitz.com/edit/angular-8q7czz

<p *ngIf="obs$ | async as num">
  {{  num > 5 ? '('+ num  +')' : num }}
</p>