Удалить все события fullcalendar angular js

Question

У меня есть события из базы данных. Fullcalendar работает нормально, но как удалить все события, нажав кнопку. Моя главная цель - сбросить все события, когда мне это нужно. Возможно ли это или какие-либо другие способы достижения этой цели. Я новичок в угловой JS. очень ценю вашу помощь. заранее спасибо

HTML

<div class="content-panel" ng-controller="Controller">
  <div ui-calendar="uiConfig.calendar" class="span8 calendar" ng-model="eventSources" calendar="myCalendar"></div>
    <button type="button" ng-click="removeallevents()">Remove all Event</button>
 </div>

JS

var app = angular.module('app', ['ui.calendar']);
 app.controller('Controller', function($scope, $http ,$timeout){

$scope.events = [];


$scope.myevents = function(start, end, timezone, callback) {
  $scope.loaderForm=true;
  var formdata = $scope.data;
  $http.post("EventsDate.php", formdata).then(function (response) {

        var events = [];
        var data   = response.data;

        angular.forEach(data, function(value, key){

            $scope.events.push({
                id: value.ID,
                title:  value.titleEvent,
                start:  value.dateEvent
            });

        });

      callback(events);
      $scope.loaderForm=false;

    });
  }


   $scope.removeallevents = function() {
      //function to remove all events
  }


   $scope.uiConfig = {
    calendar:{
        editable: true,
        header:{
          left: 'title',
          center: '',
          right: 'today prev,next'
        },
        dayClick: $scope.addEvent
    }
  };

    $scope.eventSources = [$scope.events,$scope.myevents];
    });

Answer 1

Да, возможно использовать функцию полного календаря для удаления событий:

.fullCalendar('removeEvents');

Более подробную информацию можно получить здесь