【问题标题】:How to hide a div if an observable is empty如果可观察对象为空,如何隐藏 div
【发布时间】:2020-07-30 13:58:44
【问题描述】:

该项目在 Angular 8 上。

这个问题可能很基础,我还没有深入研究 observables。

我有一个可观察的isSignedIn$,当用户登录时它会返回一些东西。 现在我想简单地隐藏一个类似于

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

这意味着当用户未登录/没有任何来自 observable 时,div 会被隐藏。

【问题讨论】:

标签: javascript angular typescript observable


【解决方案1】:
<div *ngIf="!(isSignedIn$ | async)"> content </div>

你需要使用异步管道

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-05-18
    • 2018-12-31
    • 2021-11-23
    • 2021-11-24
    • 1970-01-01
    • 1970-01-01
    • 2020-06-03
    相关资源
    最近更新 更多