将WebApi数据传递给FullCalendar - Angularjs

时间:2015-09-27 11:39:20

标签: angularjs asp.net-web-api fullcalendar

我一直在尝试将从webapi返回的值传递给fullcalendar,但它无法正常工作。即使在

之前发出呼叫,似乎fullcalendar在webapi呼叫之前加载
dataService.getItems(baseAddressSchoolCalendar + '/GetSchoolCalendarItems')
       .success(function (data) {

           $scope.events = data;

       })
       .error(function () {

       });

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

HTML:

<div ui-calendar="uiConfig.calendar" calendar="myCalendar1" class="calendar" data-ng-model="eventSources"></div>

enter image description here

enter image description here

1 个答案:

答案 0 :(得分:1)

在div元素中尝试ng-if,以便在完成pomise时呈现指令,即当数组的长度大于0时。

<div ui-calendar="uiConfig.calendar" calendar="myCalendar1" class="calendar" data-ng-model="eventSources" ng-if="eventSources.length > 0"></div>

执行指令的方式是在pomise完成之前进行渲染。