具有可观察异步的角度if语句

Question

我已经尝试过下面的代码，但它不适用于

this.users$ = this.userService.get();

<span *ngIf="!users$ | async">No data</span>

Answer 1

这是由于误解了模板语法中的否定运算符!。

在所提供的代码示例中，!users$ | async检查可观察的users$是否为空，然后应用async管道，使可观察的发射值可用于模板。

因为那个可观察的是api调用的结果，所以它永远不会为null。您希望检查可观测值的发射值是否为null，因此需要将整个表达式封装在括号!(users$ | async)中。