提高 FullCalendar 渲染性能答案

【问题标题】：Improving FullCalendar render performance提高 FullCalendar 渲染性能
【发布时间】：2014-12-08 19:45:46
【问题描述】：

我正在为 FullCalendar 使用 ui-calendar 角度指令，我的月视图变得非常缓慢。在月视图中包含约 100 个事件的日历在我的桌面上渲染需要 6 秒，在 ipad 上渲染需要 20 多秒（我的主要交付目标）。

时间似乎都在渲染中，即我将我的事件源的事件数组设置为一组事件（而不是一次添加一个）并将该数组记录到控制台，这两者都是即时发生的，但他的观点在上述时间没有更新。

我只是在单个视图的事件方面达到了 FullCalendar 可以处理的极限吗，这可能是 Angular 指令应用 ngModel 的产物吗（尽管我在现有源上设置了 .events直接建模）还是其他方式来调整或提供更有效的事件源？

【问题讨论】：

【解决方案1】：

问题似乎在于ngModel 如何与 FullCalendar 挂钩。在控制器中手动初始化 FullCalendar 并使用事件函数后，与以前相同的数据现在在桌面上以毫秒为单位加载，在 ipad 上加载大约一秒。

需要深入研究 ui-calendar 指令如何使用 FullCalendar 并查看是否可以更改它以获得与直接使用 FullCalendar 相同的速度

【讨论】：

Arne 我们使用的 Angular 指令遇到了同样的问题。你在解决这个问题上取得了进展吗？当我们尝试显示包含 300 个事件的日历时，大多数浏览器都会崩溃。任何帮助将不胜感激。
没关系，我们最终只是绕过了 Angular 来解决我们的问题。
我做了同样的事情，但没有足够的带宽回去查看模型绑定导致的潜在问题
有人能解释一下你是如何绕过 Angular 来让 FullCalendar 工作的吗？
我在控制器内部以普通的 javascript 方式对其进行了实例化，然后通过控制器内部的调用来操作该实例。 IE。控制器只包含对 fullcalendar 的引用，您将其视为常规 javascript 对象