angular - 带主体的条件插值

Question

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

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

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

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

标签： angularconditionalinterpolationbehaviorsubject

Answer 1

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

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