【问题标题】:Angular UI calendar rendering issueAngular UI 日历渲染问题
【发布时间】:2013-08-14 08:23:37
【问题描述】:

我在渲染 Angular UI 日历时遇到问题。我的应用程序有几个视图,我们用来在使用路线之间导航。主页有角度日历,当我们加载主页时,日历加载正常。但是当我们离开这个页面并返回时,日历无法加载,只有标题部分加载了标题和按钮。如果单击按钮(例如月份),则整个日历会再次加载。

这与渲染有关吗?任何输出都受到高度赞赏。

 [1]: http://jsfiddle.net/fECuY/4/ "jsfiddle"

【问题讨论】:

  • 我假设您正在使用模板加载到这个主页?所以本质上请求是异步的,日历是否提供了一个 init 方法?
  • 是的,我正在使用模板。日历控制器中没有定义 init 方法。只有 uiConfig 和 eventSources 方法被定义。(如我的 jdfiddle 所示)
  • 我询问init的原因是因为当离开主页然后返回主页时因为没有完全刷新日历将不会加载由于与日历相关的js脚本已经在页面上。但是,当发生诸如单击按钮之类的操作以更改日历用户界面时,它将呈现日历,因为它已经具有与该按钮相关联的必要操作...
  • 是的,日历有一个渲染方法。 arshaw.com/fullcalendar/docs/display/render

标签: javascript twitter-bootstrap angularjs angularjs-directive angular-ui


【解决方案1】:

我已通过在超时函数中调整呈现日历的窗口大小来解决此问题。

我仍然想知道如何使用这个渲染方法来重新渲染这个日历。 (在角度上下文中)

arshaw.com/fullcalendar/docs/display/render 示例适用于 jquery..

【讨论】:

  • 您能解释一下您是如何调整窗口大小的吗?
  • 可以使用$window.innerWidth;
猜你喜欢
  • 1970-01-01
  • 2015-06-07
  • 1970-01-01
  • 2014-09-14
  • 1970-01-01
  • 2023-04-10
  • 2017-08-03
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多