로드 데이터를 동적으로

Question

이 난 것을 포함하는 경우 나 데이터가 채우기되지

$scope.uiConfig.calendar.events = data; 

을 제거하고 경우 내 달력 개체

$scope.uiConfig = { 
      calendar: { 
       height: 450, 
       editable: false, 
       header: { 
        left: 'title', 
        center: '', 
        right: 'today prev,next' 
       }, 
       eventClick: $scope.onEventClick, 
       eventDrop: $scope.alertOnDrop, 
       eventResize: $scope.alertOnResize, 
       eventRender: $scope.eventRender, 
       dayClick: $scope.onDayClick, 
       viewRender: $scope.getData 
      } 
     }; 

및

 $scope.getData = function(view, element){ 
      $scope.intervalStartDate = new Date(view.start); 
      $scope.intervalEndDate = new Date(view.end); 

     $scope.managedEvents = Event.getFittingsForDateInterval({ 
      intervalStartDate : convertDate($scope.intervalStartDate), 
      intervalEndDate : convertDate($scope.intervalEndDate) 
     }); 

$scope.managedEvents.$promise.then(function(data){ 
    $scope.uiConfig.calendar.events = data; 
}); 

    } 

입니다 현재의 데이터를 갱신하고로드 중입니다.

은 1 월 데이터를 처음으로로드하는 동안 다음 달 아이콘을 클릭 할 때마다 2 월 데이터를 호출하고 있고 다시 일정이 현재 달로 재설정됩니다 ($ scope.getData를 다시 호출 중임)

data = [{start : some_date, end : some_date, title : event_name},{start : some_date, end : some_date, title : event_name},{start : some_date, end : some_date, title : event_name},{start : some_date, end : some_date, title : event_name},{start : some_date, end : some_date, title : event_name}]; 

한 번에 전체보기가 아닌 현재보기에 대한 데이터 만 가져오고 싶습니다. 도움을 주시면 감사하겠습니다.

Answer 1

Controller.js 코드 :. 오류 추적 할 수 있도록

$scope.getEvents = function(){ 
      var obj = {}; 
      $scope.events = []; 
      obj.startDate = new Date($scope.myView.intervalStart).getTime(); 
      obj.endDate = new Date($scope.myView.intervalEnd).getTime(); 

     if($scope.myView.name == "month"){ 
      obj.endDate = obj.endDate - 19801000; 
     } 
     //Give a call to database from here, in which obj contains 
     // start and end of the view 

     var getEventsPromise = masterCalendarAPI.getEvents(obj); 
     getEventsPromise.then(function (response) { 
      if(response.statusCode == 200){ 
       //Assign $scope.event the list object retrieved from database 
      } 
     }, 
     function (error) { 
      console.log(error); 
     }); 
    } 

//Remember this method will be called on each view change with all details in 'view' object 
    $scope.renderView = function (view) { 
      $scope.myView = view; 
      $scope.getEvents(); 
     } 

    $scope.uiConfig = { 
       calendar: { 
        height: 500, 
        editable: false, 
        header: { 
         left: 'prev,next title', 
         center: '', 
         right: 'month,agendaWeek,agendaDay' 
        }, 
        eventLimit: true, 
        views: { 
         month: { 
          eventLimit:3 
         } 
         }, 
        columnFormat:'dddd', 
        timezone: 'local', 
        timeFormat: 'hh:mm a', 
        titleFormat:'MMMM D, YYYY', 
        slotDuration:'00:30:00', 
        eventRender:$scope.eventRender, 
        eventClick: $scope.eventClicked, 
        dayClick: $scope.dayClick, 
        eventDrop: $scope.alertOnDrop, 
        eventResize: $scope.alertOnResize, 
        viewRender: $scope.renderView 
       } 
      } ; 
//event sources array 
    $scope.eventSources = [$scope.events];