角度日历ui,从数据库加载事件

时间:2015-07-18 13:38:53

标签: angularjs calendar

我最近开始使用Angular js,对于一个项目,我必须使用calendar-ui来管理来自数据库的事件。

我设法正确使用日历,手动创建第一个事件。我现在尝试与数据库中的数据绑定,但现在问题就出现了。

这是我的代码:

double[] {0.5, 1.0, 1.5, 2.0, 2.5, 3.0, 3.5, 4.0, 4.5, 5.0, 5.5, 6.0, 6.5, 7.0, 7.5, 8.0}

这不起作用,事件未加载到我的日历中。我认为异步问题是一个问题,因为如果我把代码放在"成功"在以下行之前的函数juste

$scope.eventsTab = [];
$scope.events = {};    
$http({
        url: "myurl",
        method: "POST",
        data: postData,
        headers: {'Content-Type': 'application/x-www-form-urlencoded'}
    }).success(function (data) {
            $scope.eventsTab.push({type:'session',title: data.title,start: new Date(y, m, 11, 15, 0),end: new Date(y, m, 20, 17, 30),url: 'http://google.com/'});
            $scope.events = {
                    color: 'orange',
                    textColor: 'white',
                    events: $scope.eventsTab
            };
    });
$scope.eventSources = [$scope.events];

,事件会显示在日历中。

最后一件事,当我使用debug时,我正确地看到了数据库中的数据。

你能帮我吗?

谢谢!

修改1

如果我把这样的代码放在

$scope.eventSources = [$scope.events];   

我收到错误 TypeError:无法读取属性'长度'未定义的

使用以下代码

$http({
    url: "myurl",
    method: "POST",
    data: postData,
    headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}).success(function (data) {
        $scope.eventsTab.push({type:'session',title: data.title,start: new Date(y, m, 11, 15, 0),end: new Date(y, m, 20, 17, 30),url: 'http://google.com/'});
        $scope.events = {
                color: 'orange',
                textColor: 'white',
                events: $scope.eventsTab
        };
        $scope.eventSources = [$scope.events];
});

没有错误,但同样的问题:事件未显示在日历中。

1 个答案:

答案 0 :(得分:0)

好的,朋友设法以另一种方式做到了:

$scope.events = {
                url : "./webservices/getAllEvents",
                type : 'POST',
                data: {  
                   id: objectId,
                }   
};  

它有效,所以感谢Gabin:)