无法为FullCalendar AngularJS指令正确呈现日历

我是AngularJS的新手，必须在我的webapp中加入管理员LTE完整日历功能。我找到了Arshaw FullCalendar JQuery插件的Angular指令。该指令的链接如下：

虽然我能够显示日历，但我无法使日历的“上一个”、“今天”和“下一个”功能正常工作。这有助于在日历的月份之间切换。我知道此功能在uiConfig中，但我无法理解为什么此功能无法渲染

下面是我的代码。我已经包含了插件所需的所有文件，但没有显示在index.html中

index.html

<div class="col-xs-12" resize>
<h1>Calendar Page</h1>
<div class="calendar" ng-model="testevents" config="uiConfig.calendar" ui-calendar="{{uiConfig.calendar}}"></div> 

更新：

查看github页面上的演示代码

<div class="calendar" ng-model="eventSources" calendar="myCalendar1" ui-calendar="uiConfig.calendar"></div>

我认为您需要将您的更改为：

<div class="calendar" ng-model="testevents" calendar="myCalendar1" ui-calendar="uiConfig.calendar"></div>

这是他们演示的.html页面

您是否已将ui日历组件添加到应用程序初始化中

'var myAppModule=angular.module（'myApp'，[]）；'

---

在[]内部，通常必须插入第三方组件，以便其他控制器可以看到它。

好。。所以经过数小时的调试，我发现了问题所在。 我还包括了fullcalendar.print.css，这是对fullcalendar.css样式的改进。

---

所以建议偷看，如果按钮没有得到正确的U，你可能需要考虑检查CSS和删除完整日历。但是我在app.js中加入了这个，在那里我添加了所有依赖组件。这是它的代码。`var-app=angular.module（'tieriversityapp'，['ui.calendar'，'ui.bootstrap']）；`你知道还有什么不对劲吗？

<div class="calendar" ng-model="testevents" calendar="myCalendar1" ui-calendar="uiConfig.calendar"></div>