Используйте асин c трубу с "||" оператор работает неправильно

Question

Я хотел бы использовать асин c трубу с "||" оператор, но я не знаю как. Например:

<div class="col-md-12" *ngIf="(someSubscription$ | async) as users || someCondition">

Answer 1

Вы можете использовать круглые скобки для объединения вывода асинхронного c канала и условия.

*ngIf="(someSubscription$ | async) || someCondition as output"

Предполагая, что someSubscription$ не является Observable<boolean>, вы можете затем выполнить строгое тест на дифференциацию output.

<div *ngIf="(someSubscription$ | async) || someCondition as output">
  <div *ngIf="output === true else other">
    output from someSubscription$ must be falsy
  </div>
  <ng-template #other>
    {{output.name}}
  </ng-template>
</div>

ДЕМО: https://stackblitz.com/edit/angular-zxzg9v