如果 observable 为空，如何隐藏 div

Question

该项目在 Angular 8 上。

这个问题可能非常基础，我还没有深入研究 observables。

我有一个可isSignedIn$在用户登录时返回一些内容的 observable 。现在我想简单地隐藏一个 div 类似的东西

<div *ngIf="!isSignedIn$"> content </div>

所以这意味着当用户未登录/当 observable 没有任何内容时，div 是隐藏的。

Answer 1

<div *ngIf="!(isSignedIn$ | async)"> content </div>

你需要使用异步管道

您可以在此处阅读更多相关信息：https : //angular.io/api/common/AsyncPipe