angularjs - Angularjs日历无法调用未定义的方法'fullCalendar'

Question

我有一个声明如下的日历

<div class="calendar" ng-model="eventSources" id="eventCalendar" calendar="calendar" config="uiConfig.calendar" ui-calendar="uiConfig.calendar"></div>

在我的控制器中，我有$scope.eventSources = [$scope.monthEvent];

当我尝试从日历中获取开始/结束可见日期时，我意识到它在我的范围内不可见。我试图以两种方式得到它，但都失败了

• 第一 ：var endDay1 = $scope.calendar.fullCalendar('getView').end;
• 第二个 ：var view = $('#eventCalendar').fullCalendar('getView');

我是否应该注入特定的东西以查看范围内的日历。

非常感谢

Answer 1

同样的问题让我头疼了几天，我就是想不通。到达 fullcalendar 对象的唯一方法是通过简单但丑陋的：

angular.element('#myCalendarId').fullCalendar('getViewOrWhatever');

Answer 2

是的，您需要添加依赖项添加以下脚本

 <script type="text/javascript" src="components/jquery/jquery.js"></script>
 <script type="text/javascript" src="components/jquery-ui\ui\jquery-ui.custom.js"></script>
 <script type="text/javascript" src="components/angular/angular.js"></script>
 <script type="text/javascript" src="components/angular-ui-calendar/calendar.js"></script>

将日历模块作为依赖项添加到您的应用程序模块：

var myAppModule = angular.module('MyApp', ['ui.calendar'])

将指令应用于您的 div 元素：

<div ui-calendar>

整个细节可以在这里找到