使用ui-calendar和Urigo角度流星的正确方法是什么?

时间:2014-11-23 14:16:16

标签: angularjs meteor

我想使用ui-calendar和Urigo的角流星。我这样编码,它不起作用,但我不知道为什么以及如何解决它。 该集合不为空,但事件不会出现在日历中。感谢您的关注。 https://github.com/wuxianliang/ui-calendar-angular-meteor

CalEvents = new Mongo.Collection("calevents");
CalEvents.allow({
    insert: function () {
        return true;
    },
    update: function () {
        return true;
    },
    remove: function () {
        return true;
    }
});

if (Meteor.isClient) {

angular.module('Calendardemo', ['angular-meteor', 'ui.calendar','ui.router', 'angularMoment','mgcrea.ngStrap','ngAnimate']);

Meteor.startup(function() {
    angular.bootstrap(document, ['Calendardemo']);
});

angular.module('Calendardemo').controller('MyCalendar', [
    '$scope',
    '$collection',
    function($scope, $collection) {
        $collection(CalEvents).bind($scope,'calevents',true,true);


        $scope.addCalEvent=function(date, jsEvent, view){
            var startDateTime = moment(date).format('YYYY-MM-DDTHH:mm:ss.SSSZ');
            var endDateTime = moment(date).add(1, 'h').format('YYYY-MM-DDTHH:mm:ss.SSSZ');
            $scope.calevents.push({
                title: 'New Event',
                start: startDateTime,
                end: endDateTime,
                completed: null,
                doing: null
            })

        };
        $scope.eventRender = function(event,element){};
        /* config object */
        $scope.uiConfig = {
            calendar:{
                height: 450,
                defaultView: 'month',
                lang: 'en',
                eventColor: 'grey',
                header:{
                    left: 'prev next today',
                    center: 'title',
                    right: 'month agendaWeek'
                },
                dayClick: $scope.addCalEvent,
                eventRender: $scope.eventRender,
                editable: true,
                selectable: true,
                allDayDefault: false
            }
        };
        $scope.eventSources = [$scope.calevents];
    }]);}
if (Meteor.isServer) {
    Meteor.publish('calevents', function(){
        return CalEvents.find();
    })
}    

1 个答案:

答案 0 :(得分:2)

你应该使用这个包: https://github.com/netanelgilad/meteor-angular-ui-calendar

这个软件包为Meteor包装了angular-ui-calendar。

它可能没有更新,因此您可以在

中打开一个问题

<强> 修改

您可能还想查看看起来更新的这个包: https://atmospherejs.com/planettraining/angular-ui-calendar