Question

在使用角度ui日历组件时我遇到以下问题，因为当页面加载时，我有60条记录（充满信息）我拉下数据库，这使得重新加载真的很糟糕。

我意识到我可以检测到用户何时从一个月切换到另一个月，因此只加载与该月相对应的记录（根据视图）。

是否有任何角度ui日历事件可以检测或意识到这一点？谢谢！。

Answer 1

这是从文档中提取的：

自定义事件呈现

您可以使用fullcalendar的eventRender选项自定义事件在日历中的呈现方式。但是，只会监视某些事件属性的更改（id, title, url, start, end, allDay和className）。

如果您需要自动重新呈现其他事件数据，则可以使用calendar-watch-event。 calendar-watch-event表达式必须返回一个函数，该函数将event作为参数传递并返回一个字符串或数字，例如：

$scope.extraEventSignature = function(event) {
   returns "" + event.price;
}

<ui-calendar calendar-watch-event="extraEventSignature(event)" ... >
// will now watch for price

Answer 2

在docs中，建议使用viewRender回调：

没有机制来$观察显示的日期范围日历由于fullCalendar的JQuery性质。如果你想跟踪日历上显示的日期，以便您可以获取事件在fullCalendar的范围之外（从一个缓存商店说服务，而不是让fullCalendar通过AJAX拉它们，你可以将viewRender回调添加到日历配置。

$scope.calendarConfig = {
    calendar:{
        height: "100%",
        ...
        viewRender: function(view, element) {
            console.log("View Changed: ", view.start, view.end);
        }
    }
};

角度日历检测月份变化事件

2 个答案: