Условная интерполяция с предметом

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>