Angular UI-日历无法处理点击事件

Question

正在尝试使用此 Angular 日历 http://angular-ui.github.io/ui-calendar 但它不起作用。

问题是点击事件，我无法处理其中任何一个。

这是我使用的代码：（使用大括号，因为如果删除任何东西都有效）

<div ui-calendar="{{uiConfig.calendar}}" ng-model="eventSources"></div>
$scope.uiConfig = {
        calendar:{
            lang: 'es',
            height: '100%',
            editable: true,
            header:{
                left: 'title',
                center: '',
                right: 'today prev,next'
            },
            eventClick: $scope.alertOnEventClick,
            eventDrop: $scope.alertOnDrop,
            eventResize: $scope.alertOnResize,
            eventRender: $scope.eventRender,
            loading: $scope.loading
        }
    };

除此之外的一切都运行良好。

调试代码我发现那些函数没有传递给指令。

function getOptions(){
      var calendarSettings = attrs.uiCalendar ? scope.$eval(attrs.uiCalendar) : {},
          fullCalendarConfig;

      fullCalendarConfig = controller.getFullCalendarConfig(calendarSettings, uiCalendarConfig);

顺便说一句：我正在使用这个 angular 版本。

https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.js

如有任何建议，我们将不胜感激。

Answer 1

我发现，在在线演示中发布的脚本文件中，读取设置时有所不同，这一行：

Line 229.
var calendarSettings = attrs.uiCalendar ? scope.$eval(attrs.uiCalendar) : {}

在线版有一个$parent调用，所以我只更新文件就可以了。

var calendarSettings = attrs.uiCalendar ? scope.$parent.$eval(attrs.uiCalendar) : {}

Angular UI-日历无法处理点击事件

Angular UI-Calendar not working with click events

fullcalendar

angularjs

angular-ui