FullCalendar 资源点击 (Angular)

Posted 2023-05-08

【中文标题】FullCalendar 资源点击 (Angular)

【英文标题】：FullCalander Resource Click (Angluar)

【发布时间】：2022-01-03 15:56:48

【问题描述】：

我试图在用户点击资源时触发事件：

我想知道如何在 Angluar 中做到这一点？我已经看到了 react 的帖子，但我不确定是否有人在 Angluar 中做到了？

【问题讨论】：

您实际使用的是哪个版本的 fullCalendar？请不要向所有版本标签发送垃圾邮件，因为它们的 API 不同，因此您的问题的答案可能会有所不同。另外，你用的是fullCalendar提供的fullCalendar-angular插件吗？

基本上，无论您使用哪个 UI 框架，fullCalendar 的 API 始终可供您使用，只是设置选项的语法可能略有不同。但是每个插件（react、vue、angular）的文档都可以在 fullCalendar 网站上找到，并提供了设置回调选项、调用方法等的语法示例。那么你到底卡在哪里了？你试过什么吗？如果您共享现有的日历设置代码，将会很有用。

感谢您更新标签。您能否也澄清一下我提出的其他观点？那么我也许可以提供一些有用的、有针对性的帮助

【参考方案1】：

如果您使用的是 FullCalendar-5 https://fullcalendar.io/docs/resource-render-hooks

你可以像下面这样使用resourceLabelDidMount：

 public calendarOptions: CalendarOptions


  ngOnInit(): void 
    this.calendarOptions = 
      ...,// other features
      resourceLabelDidMount: this.resourceRender.bind(this)
    
  


  private resourceRender( el , resource ) 
    console.log(resource)// more info about resource
    el.addEventListener("click", function () 
      // do what you want
    );