如何通过操作处理ngrx/store中的条件< or >

Question

<div class=" d-flex m-0 p-0 mt-2"
[ngClass]="{'justify-content-end': (howMoreSameBook$ | async) < 2,
  'justify-content-between' : (howMoreSameBook$ | async) > 1}">

<p *ngIf="(howMoreSameBook$ | async) > 1" 
class="d-flex align-items-center m-0 p-0" 
[ngStyle]="{'font-weight': 'bold'}">

Var howMoreSameBook$ 返回数字，我想处理这三个条件。 我遇到错误

Object is possibly 'null'.ngtsc(2531)

。我知道长度方法，但在这种情况下我需要对类型进行操作：数字。

Answer 1

async

管道被输入为它也可以返回

null

值。 这是您在使用时需要考虑的事情。

例如：

(howMoreSameBook$ | async) !== null && (howMoreSameBook$ | async) > 1

或者您可以使用

!

解决此问题

(howMoreSameBook$ | async)! > 1