Javascript 如何获取正确的单元格并显示事件信息？

我希望以以下格式显示用户的事件名称和时间：

左栏包含月份中的天数

标题包含房间名称

如果在该特定日期有活动，请显示活动标题

工作演示：

代码：

说明：

按日期和房间id分组活动，如下所示

this.groups=this.events.reduce（（结果，事件）=>{
const key=this.groupKeyGenerator（event.date，event.roomId）
if（result.has（key））{
结果.获取（事件.日期）.推送（事件）；
}否则{
结果集（键，[事件]）；
}
返回结果；
}，新地图（））；

循环查看日期和房间id，然后获取日期和房间id的事件，如下所示

{{formattate（day）}
{{event.name}
{{event.startTime}-{event.endTime}

stackblitz包含错误。错误非常明显。在app.component.html的第15行，您尝试使用模块中未定义的名为

day

的变量。您的意图很清楚，即使用以前定义中的函数（

day

）（它驻留在一个闭环中，不再存在）。在html中使用函数是最糟糕的方法之一这只是一个示例。。。由于数据不是为html“按摩”的。。。如果你想谈论最佳实践，有很多改进，例如trackBy、changeDetectionStrategy等