基于日期更改的角度更新时间段

Question

我每个小时有24个小时，然后根据所选日期，数据库中的数据会将用户详细信息的小时数更新为预订状态。当我更改日期时，它不会重置前一个日期，但会在顶部添加新日期。

我在stackblitz here

上有一个示例项目

defaultSlots: Array<any> = [
  { hour: 1, booked: false, name: '' },
  { hour: 2, booked: false, name: '' }
]

date = { hour: 1, booked: true, name: "Jassi" }

// This is used in HTML
timeSlots = [...this.defaultSlots];

constructor() { }

update() {
  this.timeSlots[0].booked = this.date.booked;
  this.timeSlots[0].name = this.date.name;
}

reset() {
  this.timeSlots = [...this.defaultSlots];
}

重置不要重置为defaultSlots。