angular - Angular 10 检查用户是否为 null 以隐藏组件元素

Question

我有一个组件，如果用户为空，我想在其中隐藏一个元素。目前它显示用户是否存在：

 <ng-container *ngIf="user | async as _user">

这是 component.ts 部分：

 this.user = this.auth.userSubject.asObservable();

我想做相反的事情：

 <ng-container *ngIf="user | async as _user">

这样它只显示 user$ 是否为空

注销组件的顶部是：

 userSubject: BehaviorSubject<UserModel>;

当他们注销时：

this.userSubject.next(null);

标签： angularangular10

Answer 1

如果你想要相反的行为只是否定你的*ngIf

<ng-container *ngIf="!(user | async)">

快速示例：StackBlitz