Question

我正在为在餐厅工作的人开发一个应用程序，我有一个仪表板，其中向他们显示一些有关他们预订的统计信息，其中有一部分显示了给定期间内预订量最多的5个客户。

我向我的* ngFor发送了一个包含5个客户端的数组，但是没有显示。

我的打字稿的一部分：

    for (let i = 0; i < topClient.length; i++) {
      this.clientService.retrieve(topClient[i]).subscribe(res => {
        this.topUsers.push(res.body);
      });
    }

我的HTML：

<div class="flex flex w-full" *ngFor="let client of topUsers">
      <p class="w-64">{{ client.last_name }} {{ client.first_name }}</p>
</div>

我知道console.log（this.topUsers）返回的是5个客户端，因此我希望输出是我的5个客户端的列表。

感谢帮助：'）

编辑：这是TopUsers的console.log和在Tony更改之后的控制台错误： 1

Answer 1

您能像这样设置数据以查看是否有效

this.topUsers = res.body;

在您的模板中

<div class="flex flex w-full" *ngFor="let client of topUsers">
      <p class="w-64">{{ client.last_name }} {{ client.first_name }}</p>
</div>

如果不是这种情况，请检查是否将CommonModule导入到app.module.ts中

Answer 2

尝试将其转换为数组。

this.topUsers = [res.body]

还要检查您的模块是否已导入' CommonModule '。

NgFor没有显示数组ii给他

2 个答案: