Angular，如果没有显示任何项目，如何显示警报？答案

【问题标题】：Angular, How to show alert if no item(s) is shown?Angular，如果没有显示任何项目，如何显示警报？
【发布时间】：2018-09-17 21:29:01
【问题描述】：

当项目不存在时，我正在尝试显示类似“项目不存在”的消息。

假设这是我的清单：

user 0
user 1
user 2

流动的代码显示了上面的列表：

<ng-container *ngFor="let user of users | async; let i = index">
  <div *ngIf="!user.deleted">
    {{user.name}} {{i}}
  </div>
</ng-container>

现在假设所有用户都已被删除(user.deleted = true) 但是用户数组仍然存在并且具有相同的长度3。

那么如何显示这里没有任何用户的消息？

注意：以上列表为实时列表（fireabse）

谢谢。

【问题讨论】：

【解决方案1】：

您可以使用this.users.every(user => user.deleted) 来检查是否至少有一个用户未被删除。

基于该条件，您可以在 html 中显示/隐藏另一个 div。

【讨论】：

【解决方案2】：

您要做的是创建一个用户列表（包含三个条目），然后隐藏内容。您应该做的是直接过滤用户列表。这可以在您获取用户的组件代码中完成。也许你甚至可以让 firebase do the filtering。在 for 循环之后，您可以添加一个 *ngIf 来测试列表的长度是否为零并显示“未找到条目”消息。

【讨论】：