Использование asyn c как с условием в angular

Question

Я хочу использовать asyn c в качестве канала для получения значения статуса моего кода.

<ng-container
        *ngIf="
            ((loaded$ | async) ||
                ((status$ | async) as status ==='Started'))
            else load
        "
    >

'Asyn c as', похоже, не работает с условием. Следующий код работает у меня нормально, но выглядит немного запутанным:

 <ng-container
            *ngIf="
                ((loaded$ | async) ||
                    ((status$ | async) === 'Started')) && (status$ | async) as status;
                else load
            "
        >

Есть предложения получше?

Answer 1

Невозможно добавить дополнительное выражение для if после as.

Я думаю, вы можете добавить для этого простой getter?

get startedStatus$() {
   return this.status$.pipe(
      map(status => status === 'Started' && status)
   );
}

<ng-container *ngIf="(loaded$ | async) || (startedStatus$ | async as status); else load">