为全日历中的每个 EventInput 设置 Id

Question

我有以下 EventInput:

 calendarEvents: EventInput[] = [
    {
      title: "Event Now - 1",
      start: new Date().setHours(10)
    },
    {
      title: "Event Now - 2",
      start: new Date()
    }
  ];

和 HTML:

(eventClick)="selectedEvent($event)"

是否可以为每个 EventInput 设置 Id 并在 selectedEvent 方法中获取该 Id，因为我想获取数据形式 Api 以基于 Id 在模态中显示？

  selectedEvent($event) {
   // get Id in here ...
    console.log($event.view);
  }

Stackblitz Here ...

Answer 1

这样试试：

  selectEvent($event) {
    console.log($event.event.title);
  }

你也可以在objects中设置id 属性,

  calendarEvents: EventInput[] = [
    {
      id:1,
      title: "Event Now - 1",
      start: new Date().setHours(10)
    },
    {
      id:2,
      title: "Event Now - 2",
      start: new Date()
    }
  ];

并得到 id 这样的：

  selectEvent($event) {
    console.log($event.event.id);
  }

Working Demo

为全日历中的每个 EventInput 设置 Id

Set Id for each EventInput in fullcalendar

fullcalendar

angular