Angular UI-Calendar无法处理点击事件

时间:2015-08-11 19:11:17

标签: angularjs fullcalendar angular-ui

尝试使用此角色日历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);

PrintScreen debbugin angular calendar 顺便说一句:我正在使用这个角度版本。

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

任何建议都将受到赞赏。

1 个答案:

答案 0 :(得分:0)

我发现,在在线演示中发布的脚本文件中,读取设置时存在差异,这一行:

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

在线版本有一个 $ parent 调用,所以我只是更新文件并正常工作。

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